Question

我打算将JQuery UI整合到我的应用程序中;有没有人成功地将JQuery UI样式表重用于他们自己的自定义样式？我的意思是，JQuery UI看起来很好用圆角和渐变等。我想说的是使用手风琴的渐变头到我的一些面板的标题，我不使用JQuery （因为它是静态HTML）。基本上，我不想创建自己的自定义样式表。

是否有人试图为其网站重复使用现有的样式，您是否有任何指导？

感谢。

Answer 1

这很容易。假设您有一个名为jquery.ui.theme.css的jqueryui css文件，并且您想使用标题背景图像

<div style="height: 100px;" class="content-head ui-widget-header">
    <h1>This is a header</h1>
</div>

有关jqueryui css class http://jqueryui.com/docs/Theming/API

的更多详细信息

Answer 2

我只是将类设置为与我正在使用的jquery面板或标题的类匹配，然后在我自己的样式表上，或者在jQuery样式表中，只需添加额外的类来覆盖我需要的位。 / p>

所以如果jQuery CSS是：

.content-header{
    background: url("/../..");
    width: 100px;
    overflow:hidden;
}

我只是插入下面（添加！important以便这种风格绝对优先于前一种）：

.my-content-header{
    width: 200px !important
}

然后将html作为：

<div id="header" class="content-header my-content-header">

主Web的JQuery UI样式

2 个答案: