是否可以将CSS3Pie边界半径全局应用于jQuery UI?

时间:2011-09-08 22:16:15

标签: jquery-ui css3 css3pie

behavior: url(PIE.htc);应用于项目接缝中的所有css文件是非常长的故事,每个新版本我都需要重复它。

我可以在某处找到jquery ui CSS3Pie个版本吗?

是否可以在单独的css文件中添加CSS3Pie支持,因此在这种情况下,可以将该css用于任何新的jquery ui版本。

我正在尝试对我的自定义css中的jquery UI进行此类修复:

.ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-bottom { behavior: url("PIE.htc"); }
.ui-corner-all, .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br { behavior: url("PIE.htc"); }

但它没有用。

同时这样的修复工作适用于我的样式,例如,如果有样式

.mystyle
{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: solid 2px #36405c;
}

我可以定义它,它将起作用:

.mystyle
{
  behavior: url("PIE.htc"); /*it will be working*/
}

所以我假设它在jquery UI案例中不起作用,因为jquery UI有多个地方.ui-corner-*声明具有不同的半径。

无论如何可以用它做点什么吗?

有人有什么想法吗?

1 个答案:

答案 0 :(得分:2)

您可以使用http://jqueryui.com/themeroller/创建自己的主题,将所有border-radius设置为0,然后将样式应用于“.ui-corner-all”