除了分别为每个引擎提供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选择器?(他们已经?)