小编Sim*_*ght的帖子

如何在所有主要Web浏览器上支持border-radius?

除了分别为每个引擎提供CSS之外,似乎没有办法支持border-radius.现在看来你必须宣告该属性三到四次(如果你想支持更多模糊的引擎,可能会更多).

我的临时解决方案是通过这个正则表达式传递我的所有CSS:

正则表达式:

border(-)?(top|bottom)?(-)?(left|right)?-radius:(.+?);
Run Code Online (Sandbox Code Playgroud)

更换:

-moz-border-radius$1$2$4:$5;
-webkit-border$1$2$3$4-radius:$5;
-khtml-border$1$2$3$4-radius:$5;
border$1$2$3$4-radius:$5;
Run Code Online (Sandbox Code Playgroud)

这将搜索官方CSS3选择器的所有实例,并将其替换为自身,以及Mozilla,WebKit和KHTML的特定于引擎的选择器.

有没有更好的办法?

WebKit和Mozilla何时计划支持CSS3选择器?(他们已经?)

css css3

3
推荐指数
1
解决办法
8367
查看次数

标签 统计

css ×1

css3 ×1