0

有没有合适的方法在同一页面上有 2 个不同样式的 jquery ui 按钮？

我可以为第二个按钮复制 css，但是有很多不同的 !important 样式，我需要在第一个按钮之后添加第二个 !important 以更改样式。

例如：

 .ui-state-active {
    background:none !important;
    background-color:#E1E1E1 !important; 
    color:#000 !important;
 }

然后我必须马上去添加（它需要在之后

 .new-theme.ui-state-active {
    background:none !important;
    background-color:red !important; 
    color:#000 !important; 
 }

问题是每个州的这些重要风格都结束了，所以我必须考虑它们的去向。这是正常的还是通常以不同的方式处理？

4

2 回答 2

1

您是否使用要求您使用 !important 来覆盖其样式的旧版本的 jQuery UI？较新的版本已解决此问题：应避免在 jquery-ui.css 中使用 !important。

如果您可以/正在使用较新的版本，请尝试摆脱 !important 并依赖选择器特异性来获得您想要的结果。

于 2013-06-11T19:08:43.633 回答
0

我会推荐使用jqueryui-specific css。除了不同按钮样式的困难外，在渲染大量按钮时可能会出现性能问题。 该资源相对较旧，但我在使用 jqueryui css 时发现它非常有价值。

于 2013-06-11T20:17:13.777 回答