更改下拉列表JQuery的背景颜色

Question

下面的代码似乎没有改变下拉列表的背景颜色。请指教。

 var TextHighlightCss = {
        'background': '#FFFFAA',
        'border': '1px solid #FFAD33'
    };

 $('#ddlCarriers option:selected').css('TextHighlightCss');

提前致谢

BB

Answer 1

$('#ddlCarriers option:selected').css(TextHighlightCss);

你传递的是字符串，而不是你的变量。

Answer 2

从.css（）部分删除撇号，它应该可以工作。

另外，您可能希望看到：

http://www.456bereastreet.com/lab/form_controls/select/

它显示了选择菜单的所有浏览器之间的样式差异，非常方便。

Answer 3

如果你能提供帮助，请这样做：

CSS：

.hightlight {
  background: #FFFFAA;
  border: 1px solid #FFAD33;
}

JS：

$('#ddlCarriers option:selected').addClass("hightlight");

将来需要重构它的人：

（N / A）