Question

我正在使用jQuery UI设置我的<a>样式。我这样做了：

$( "button, input:submit, a#jql" ).button();

我的输入：提交看起来很漂亮，但那是因为我没有这种元素的实际样式，所以它纯粹使用jQuery UI CSS。但是，我的<a>具有大量的样式，但我想创建无样式的链接，以便我当前的样式不会干扰jQuery UI样式。我应该把它们变成按钮吗？我也有那些没有风格的人。

jQuery UI对<a>链接和输入有不同的规则：提交（后者的高度更短）。我只需要它们具有相同的样式，但我无法更改提交的链接。任何熟悉这一点的人都能指出我想要的方向吗？

Answer 1

如果你在<a>标签上有很多预先存在的CSS，那么最简单的方法就是将你想要被jQuery UI控制的那些变成<button>。另一种选择是在你希望由jQuery UI按钮控制的<a>标签上放置一个CSS类，然后重置该CSS类的所有CSS，但这感觉很重要。重置需要撤消已在<a>标记上设置的所有样式。

Answer 2

如果您想使用自己的<a>样式。只需在CSS文件中声明它并将其设置为重要。对于任何其他UI类也是如此，只需在CSS中重新声明并设置为重要，因此您的优先级将更高。

例如：

a{
 color:red !important;
 padding:5px !important;
 ...
}

下面是关于如何使用jQuery UI CSS框架的两个很棒的链接。

http://wiki.jqueryui.com/w/page/12137970/jQuery-UI-CSS-Framework

http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

使用jQuery UI设置样式链接

2 个答案: