jquery-ui - 是否可以在全局范围内将 CSS3Pie 边框半径应用于 jQuery UI？

Question

要将 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-*具有不同半径的声明。

有没有可能用它做点什么？

有人有什么想法吗？

Answer 1

您可以使用 http://jqueryui.com/themeroller/ 创建自己的主题，将所有边框半径设置为 0，然后将您的样式应用到“.ui-corner-all”