Question

我有一个简单的选择：

<select id="sel" name="serchtype" style="background: rgba(0,0,0,1);">
<option value="white" style="color: white;">Type: All</option>
<option value="yellow" style="color: yellow;">Normal</option>
</select>

和jquery脚本根据选择的选项值更改选择框文本颜色

$('#sel').change( function() {
    var color = $('#sel').val();
    $('#sel').css('color',color);

});

问题是它只在我点击选择框外的任何对象时才更改选择文本颜色，但是我需要更改颜色，只需选择新选项值。是否有可能使用jquery或我应该寻找一些自定义插件？

更类似的问题：是否可以在选择框中将下拉菜单背景设为透明？

更新：我使用的是OPERA v 12浏览器，在firefox / chrome中没有这样的问题。

Answer 1

您正在获取选择值并将其用作颜色，但all和norm并非真正的颜色，因此它不起作用，您需要实际有效的颜色值< / p>

<select id="sel" name="serchtype" style="background: rgba(0,0,0,1);">
    <option value="green" style="color: white;">Type: All</option>
    <option value="purple" style="color: yellow;">Normal</option>
</select>

FIDDLE

这似乎更容易

$('#sel').on('change', function () {
    this.style.color = this.value;
});

jquery更改选择框文本颜色的操作

1 个答案: