无法设置下拉菜单的禁用选项的样式

时间:2019-01-18 07:11:35

标签: html css angular

我设计了角形的反应形式。 在表单中,我有一个选择表单字段,在其中我将第一个选项用作占位符,方法是将该选项的值设置为null并禁用。 现在,我要为禁用的选项设置样式。 我尝试了很多类似option的方法:disbled,first-child,nth-child。但是一旦我失焦,颜色就会保持不变。

select.form-control option:disabled {
  color: #C0C0C0;
}
<select formControlName="agencytypeuid" class="form-control rectangle-box-input rectange-select">
  <option value="" disabled hidden class="option">PLaceholder</option>

0 个答案:

没有答案