如何设置禁用输入并选择相同颜色

提问者：小点点

为禁用的input和select元素设置相同的文本颜色时遇到困难。

示例:

null

input:disabled,
select:disabled,
option:disabled {
  color: #b8b8b8;
}

<select disabled style="width: 50pt;">
  <option>123</option>
</select><br>
<input disabled value="123" style="width: 45pt;">

null

看看这个小提琴。。。

如何才能得到相同的外观，相同的颜色显示？

共2个答案

匿名用户

使用不透明度:1。

玩来玩去。

null

input:disabled,
select:disabled,
option:disabled {
  color: #b8b8b8;
  opacity: 1;
}

<select disabled style="width: 50pt;">
  <option>123</option>
</select><br>
<input disabled value="123" style="width: 45pt;">

匿名用户

问题是当您使用属性disable时，css属性opacity:0.7将被添加到样式中。对输入字段也执行同样的操作，或者您可以用opacity:1！importal重写select标记的css属性，以获得两个元素相同的样式

input:disabled, select:disabled, option:disabled {
  color: #b8b8b8;
  opacity: 0.7;

}