使用jQuery UI设置样式链接

时间:2011-03-08 04:58:29

标签: jquery jquery-ui

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

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

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

如果您想使用自己的<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/