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

为什么这对select的选项不起作用

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

是否有其他方法来设置整个选择的不透明度？

这可能会有所帮助

HTML

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

JQuery

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

它在Mozilla中工作。但对于webkit，u可以应用颜色更改，因此看起来很轻。没有别的办法了。：）

给你，伙计

您可以向每个元素添加一个类，也可以只设置所有元素的css

---

例如，原生表单元素的样式混乱。恐怕无法设置选项项的不透明度。您可能应该使用jquery或任何其他库查找替换项。有很多，你能给我举个例子吗？我真的需要让这些选项不可见，试试Eric Hynd的jQuery Multiselect：问题是：我有一个select；如果我聚焦它，选项就会出现。正是在这个选择上面，我有一个菜单，在悬停时展开。问题是，当我悬停菜单时，选项出现在菜单上方。我需要让选项消失。我不能使用user hide（），因为这会删除过去被select占用的空间，我不想这样做。您已经尝试过了，使用firefox 9.0.1在下拉CSS？Im中应用z-index。您必须在css中设置ie和webkit的不透明度设置，并确保在jquery中也更改它们“仅在IE中设置过滤器/不透明度值是不够的。事实证明，IE需要定位一个元素，以使过滤器/不透明度工作。如果您的元素没有位置，您可以通过在CSS中添加“缩放：1”来解决此问题。”-

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