更改选择框样式答案

【问题标题】：Change select box style更改选择框样式
【发布时间】：2012-04-18 13:42:46
【问题描述】：

我想用 css 和 jquery 来改变选择框的样式，可以吗？

【问题讨论】：

标签： jquery css

【解决方案1】：

不使用默认选择元素跨浏览器。

灯丝组有一个选择菜单plugin，它将增强选择标签（基本上用其他元素替换它，以便 js 用户提供更好的体验）

【讨论】：

【解决方案2】：

你可以使用这个插件之一

【讨论】：

【解决方案3】：

有 .css() jQuery 函数，但我会回避以这种方式更改样式。将 CSS 保存在一个位置是一个加分项。

您可以在 CSS 样式表中声明另一个类，并使用 jQuery 类函数 - .addClass() .removeClass() .toggleClass() 函数以这种方式更改元素的样式。

例如：

$("#MySelect").removeClass("OldClass").addClass("NewClass");

或者，如果您想在以下之间切换：

$("#MySelect").toggleClass("OldClass").toggleClass("NewClass");

未测试，但应该没问题或几乎没问题！

【讨论】：

猜测一下，因为您在这里误解了“如何”一词的使用。作者当然是在问是否有控制选择框外观的 css 规则，而不是是否有一个 jquery 函数可以让您设置 css 规则。

【解决方案4】：

SelectBoxIt 是我创建的一个插件，它允许您设置选择框的样式和动画。

【讨论】：