如何将顶部选择选项转换为占位符?接触型-7-

时间:2016-11-03 23:40:37

标签: jquery css wordpress select contact-form-7

我正在尝试将联系表单上第一个选择选项的颜色更改为占位符。

使用联系表格7,在wordpress中,我有一个选择框,有4个下拉选项,选择你的预告片,尺寸1,尺寸2,尺寸3.我想只有第一个选项(选择你的预告片)是占位符颜色,而不是体色,

我似乎只能影响这个选项......

我尝试过使用css,但这只会影响下拉视图中的选项,而不会影响选择:

select option:nth-child(1){
    color:red;
}

然后我尝试了一个jquery脚本来根据所选的选项确定选择文本颜色,但是无济于事:

$(".wpcf7-select").change(function(evt) {
 var selected;
 selected = $(this).val();
 if (selected === "Select Trailer Size") {
   $( select ).css( "color", "red" );
  } else {

 }

该网站是www.kingkongdev.ml/easyfit>然后按导航上的“立即预订”按钮,

感谢您提供任何帮助,建议和建议!

0 个答案:

没有答案