3

我有一个最近应用了 jQuery ThemeRoller 主题的网络应用程序。现在我想要一个简单的 <h2> 元素具有与对话框标题栏或日期选择器标题相同的圆角矩形外观。我怎样才能最好地将这些应用到不属于较大 jQuery UI 构造的元素？

我开始根据我在 Chrome 的检查器工具中看到的内容手动设置 css 类值，在我担心这不一定是最好的方法之前，我已经完成了一部分，因为我m 绕过 jQuery UI 中可能出现的任何 css 类分配逻辑。

那么，有没有更简单的方法来应用这些样式，或者我应该走在我的标题上明确设置 css 样式的道路上？

4

3 回答 3

4

jQuery ThemeRoller CSS 样式没有任何魔力，如果您查看它生成的 CSS 文件，您会发现它们通常清晰简洁且易于阅读。

ThemeRoller CSS 中的圆角在 IE 中不起作用，因此您可能不想过多地依赖它们，但如果您这样做，只需使用 style='blah' 应用 CSS。

于 2009-06-30T04:55:35.517 回答
3

stevedbrown 的回答非常正确。

ui-corner-您可以使用前缀将圆角应用于任何包含元素。例如，要将圆角应用于div元素的所有四个角，您可以使用ui-corner-all.

要仅为同一元素的顶角设置样式，您需要申请ui-corner-tr ui-corner-tlTopLeft 和 TopRight 角。

于 2009-07-01T01:58:00.920 回答
2

上述情况的另一种可能性是，如果您知道要复制的 CSS 属性，您可以像这样以编程方式进行操作：

var defaultColor = $(".ui-state-default").css("color");
var defaultMargin = $(".ui-state-default").css("margin");

并将这些应用于您的元素

$(".your-css-class").css("color",color);
$(".another-css-class").css("margin",margin);

ETC

有点笨拙，但它确实允许您的 CSS 开发人员更新主题滚动主题，您不必再担心更新任何代码。

于 2009-07-02T20:13:15.777 回答