javascript - 如何使用javascript和css为选择中的选项设置不透明度？

Question

为什么这对选择的选项也不起作用？

var x = document.getElementById(id);
x.style.opacity = 0.4;
x.style.filter = 'alpha(opacity=' + 40 + ')';

有没有其他方法可以设置整个select的不透明度？

Answer 1

也许这会有所帮助。

HTML

<select name="test" id="test">
  <option value="test1">test1</option>
  <option value="test2">test2</option>
  <option value="test3">test3</option>
</select>

风格

.optioncolor { color:#999999; opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5;}

JQuery

$("#test").find("option").eq(2).addClass("optioncolor");

它适用于 Mozilla。但是对于 webkit 你可以应用颜色变化，所以它看起来很轻。没有别的办法。 :)