jquery - 选择选项时删除选项的 css 类

标签 jquery html css

<select class="FunctieSelect">
<option class="yellow" value="-1">- kies -</option>
<option class="yellow" value="1">KSZ functie</option>
<option class="yellow" value="2">Bakker</option>
<option class="yellow" value="3">Schilder</option>
<option class="yellow" value="4">Andere</option>
</select>

.yellow
{
    background-color: Yellow;
}

产生以下输出:

alt text http://thomasstock.net/selectCss.JPG

实际上,只有一个选项会有黄色背景,所以在选择上设置 css 对我没有帮助

=> 如何让选项在选中时保持黄色?

我知道一个可能的解决方案是使用 jquery 来创建一个“更改”事件,检查选择了哪个选项的更改事件,然后设置选择的 css。但我想知道是否有更简单的解决方案。

最佳答案

不幸的是,您看到的是没有 CSS 覆盖的浏览器默认小部件行为。您可以使用一些选项 - 可能类似于 Taming the select会有帮助吗?

关于jquery - 选择选项时删除选项的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/654796/

相关文章:

javascript - 多个类的 jquery 选择器

jQuery:为什么要在变量名前添加 $?

html - 我对 CSS 文件进行了更改,但在浏览器中看不到更改

html - 仅一个部分的 Css 链接

javascript - jQuery上下滑动

jquery - 两列文字,如何让它在所有分辨率下都填满页面底部?

html - 动态主题中静态页面的背景

javascript - 在容器中单击的位置创建 div

javascript - 在另一个 div 上方的层(z-index)中找到 div

javascript - 为什么此代码在 chrome、firefox 等中不起作用?