使用jQuery UI设置div的样式

时间:2011-06-02 10:59:24

标签: jquery-ui

我有jQuery UI“smoothness”主题,我想在我的页面上使用“look”来设置样式div。例如。将灰色,阴影,圆角效果应用于不是手风琴,按钮等的常规div。

我觉得这很容易!也许是吗?!

谢谢!

2 个答案:

答案 0 :(得分:5)

看看jQuery UI themeroller。您可以选择现有主题或自定义主题,然后使用Chrome或Firefox / Firebug,例如,右键单击检查元素并复制类名称。

ui-widgetui-widget-contentui-corner-all是您要查找的最有可能的类名。

答案 1 :(得分:3)

这是我想出来的,需要一些CSS调整,但应该有效。

<div id="login" align="center" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul id="login_header" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
    Header
</ul>
<div id="login_form" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
    content
</div>