Question

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

我开始根据我在Chrome检查器工具中看到的内容手动设置css类值的路径，并且在我感到紧张之前我已经有了部分路径，这不一定是最好的方式因为我绕过了jQuery UI中可能出现的任何css类赋值逻辑。

那么，是否有更简单的方法来应用这些样式，或者我是否应该在我的标题上明确设置CSS样式？

Answer 1

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

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

Answer 2

stevedbrown的答案非常正确。

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

要仅对同一元素的顶角设置样式，请为TopLeft和TopRight角应用ui-corner-tr ui-corner-tl。

Answer 3

上述另一种可能性是，如果您知道要复制的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);

等

有点笨重，但它确实允许您的CSS开发人员更新已编辑的主题，您不必担心更新任何代码。