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

Posted 2023-05-08

【中文标题】是否可以在全局范围内将 CSS3Pie 边框半径应用于 jQuery UI？

【英文标题】：Is it possible to apply CSS3Pie border radius to jQuery UI globally?

【发布时间】：2011-11-13 09:16:45

【问题描述】：

要将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】：

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