如何在页面的“常规”部分使用更多的样式？

Question

我有一个web应用程序，最近我对其应用了jQuery ThemeRoller主题。现在，我希望有一个简单的元素，具有与对话框标题栏或日期选择器标题相同的圆角矩形外观。如何才能最好地将这些应用于不属于较大jQuery UI构造一部分的元素？

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

那么，有没有一种更简单的方法来应用这些样式，或者我应该直接在我的头上显式地设置css样式？

Answer 1

jQuery ThemeRoller CSS样式没有任何神奇之处，如果你仔细查看它生成的CSS文件，你会发现它们通常是清晰、简洁和易于阅读的。

样式样式中的圆角在IE中不起作用，所以你可能不想过多地依赖它们，但是如果你依赖它们，只需使用ThemeRoller =‘blah’来应用样式。

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开发人员更新滚动主题，并且您不必再担心更新任何代码。