2011-03-08 78 views
1

我使用jQuery UI设计我的<a>。我这样做:使用jQuery UI创建样式链接

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

我输入:提交看上去很美,但那是因为我没有实际的造型对于这样的元素,所以它只使用了jQuery UI CSS。但是,我的<a>的样式很多,但我想创建无格式的链接,以便我当前的样式不会干扰jQuery UI样式。我应该把它们变成按钮吗?我也有那些没有风格的人。

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

+0

我不知道,你可以用这个CSS。 +1 – 2011-03-08 05:04:03

回答

0

如果你在<a>标签上有很多预先存在的CSS标签,那么最简单的事情就是将你想要被jQuery UI控制的标签变为<button>。另一种选择是在想要由jQuery UI按钮控制的<a>标签上放置一个CSS类,然后重置该CSS类的所有CSS,但是这会让人感觉手足无措。重置将需要撤消您已在<a>标签上设置的所有样式。

+0

jQuery样式以相同的方式锚定链接和按钮。提交按钮是唯一看起来不同的按钮。没有深入研究jQuery UI,有没有办法让它们的样式都一样? – AKor 2011-03-08 06:24:27

+0

Hm提交按钮看起来与[demo](http://jqueryui.com/demos/button/)中的链接和按钮相同。也许你在页面上有一些CSS来影响它的输入提交? – 2011-03-08 07:06:40

0

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

例:

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

下面是关于如何使用jQuery UI的CSS框架2间很大的联系。

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/

+0

@Sennheiser如果这回答你的问题,不要忘记检查答案。 – Hussein 2011-03-08 17:49:01