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

How to set opacity for options in select using javascript and css?

本文关键字：选项 设置 不透明度 select 何使用 javascript css      更新时间：2023-09-26

为什么这对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>

样式

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

JQuery

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

它适用于Mozilla。但对于webkit，你可以应用颜色变化，所以它看起来很轻。其他什么都做不了。：）

给你，伙计。

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

以下是的示例

相关文章：