重力形式选择占位符样式

Question

我有一个重力形式选择字段（下拉列表），我只想设置占位符的样式。我希望有人可以帮助我。

表单生成以下代码：

<select name="input_10" id="input_4_10" class="medium gfield_select" tabindex="11">
 <option value="" selected="selected" class="gf_placeholder">Type of Business</option>
 <option value="Media">Media</option>
 <option value="Retail">Retail</option>
 <option value="Travel">Travel</option>
 <option value="Other">Other</option>
</select>

我希望gf_placeholder具有与实际选项不同的字体颜色和重量。我尝试了几件事，但要么改变了所有选项，要么都没改变。我错过了什么？我认为它与dom有关。这是scss，一打开下拉列表就会更改正确的项目：

.ginput_container_select select:first-child  {
    color:  $placeholder-color;
    @include font-size(16);
    font-weight: bold !important;
}

但是一旦你关闭了下拉列表，它就会回到没有样式的版本。

提前致谢！

Answer 1

在所有表单上应用占位符样式

/* Other Fields */
.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color: #ffffff;}

/* Paragraph Text Area */
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color: #ffffff;}