Css 我如何使用Meroller';在「;正规的;页面的各个部分?

Css 我如何使用Meroller';在「;正规的;页面的各个部分?,css,jquery-ui,themeroller,Css,Jquery Ui,Themeroller,我有一个web应用程序,我最近应用了jQuery ThemeRoller主题。现在我想让一个简单的元素具有与对话框标题栏或日期选择器标题相同的圆角矩形外观。如何最好地将这些应用于不属于较大jQueryUI构造的元素 我开始根据Chrome的inspector工具中的内容手动设置css类值,在我担心这不一定是最好的方法之前,我已经有了一部分方法,因为我绕过了jQuery UI中可能出现的任何css类分配逻辑 那么,有没有一种更简单的方法来应用这些样式,或者我应该直接在标题上显式设置css样式呢?j

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

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


那么,有没有一种更简单的方法来应用这些样式,或者我应该直接在标题上显式设置css样式呢?

jQuery ThemeRoller css样式没有任何魔力,如果你仔细查看它生成的css文件,你会发现它们通常都是清晰、简洁且易于阅读的


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

stevedbrown的答案是非常正确的

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


要仅对同一元素的顶角进行样式设置,您可以对左上角和右上角应用
ui corner tr ui corner tl

上述的另一种可能性是,如果您知道要复制的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开发人员更新主题,您不必再担心更新任何代码。

我还应该提醒您,IE与CSS3标准不兼容。你的圆角在所有版本的IE中都是方形的。是否有一个IE特有的黑客可以添加以获得圆角?有几个JavaScript插件你可以应用,你也可以使用放置在角落中的图像(如果你想变得很难看的话)。可能是你最好的选择,或者。