我正在使用jQuery UI设置我的<a>
样式。我这样做了:
$( "button, input:submit, a#jql" ).button();
我的输入:提交看起来很漂亮,但那是因为我没有这种元素的实际样式,所以它纯粹使用jQuery UI CSS。但是,我的<a>
具有大量的样式,但我想创建无样式的链接,以便我当前的样式不会干扰jQuery UI样式。我应该把它们变成按钮吗?我也有那些没有风格的人。
jQuery UI对<a>
链接和输入有不同的规则:提交(后者的高度更短)。我只需要它们具有相同的样式,但我无法更改提交的链接。任何熟悉这一点的人都能指出我想要的方向吗?
答案 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/