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

Question

我可以用css实现输入框

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

但是选择字段呢？仅供引用，我正在使用 Sencha 框架。如果有人能帮助我，我将不胜感激。

Answer 1

可能有帮助的一件事。您可能会与已应用于组件的样式作斗争。

选项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'
}]

希望这有助于...