在sencha中更改选择字段的占位符颜色

Question

我能够使用css实现输入字段

input::-webkit-input-placeholder {
   color: red !important;
}

但是选择领域怎么样？ Fyi，我正在使用sencha框架。 真的很感激，如果有人可以帮助我。

Answer 1

你可以使用伪相选择器来完成它。

select option:checked{
    color: red;
}

Answer 2

有一件事可能会有所帮助。您可能正在对已经应用于组件的样式进行斗争。

选项1

你在css中的具体程度越高。

例如：

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
    color: red;
    -webkit-text-fill-color: red;
}

另一件事是选择字段实际上是使用文本字段。

选项2

您可以设置默认的第一个选择选项，并应用普通文本颜色。

xtype: 'selectfield',
label: 'Marital Status',
labelWidth: '60%',
options: [{
    text: 'Select',
    value: 'select'
}, {
    text: 'Married',
    value: 'Married'
}]

希望这会有所帮助......