使用Less和SimpleLess创建border-radius椭圆

Question

我正在尝试制作一个椭圆形的特殊边框半径。在CSS中我会这样做：

border-radius: 10px / 5px;

但是我的Less编译器（simpless）接受了这个并做了数学运算。我得到了什么：

border-radius: 2px;

任何人都知道解决方案吗？

谢谢你们：）。

Answer 1

尝试定义每个角半径：

border-top-left-radius: 10px 5px;
border-top-right-radius: 10px 5px;
border-bottom-right-radius: 10px 5px;
border-bottom-left-radius: 10px 5px;

如果没有/符号，您可以获得相同的效果。示例：http://jsfiddle.net/a2SQW/1/

Answer 2

lessphp：如果你想在不分割其他属性（或变量）的情况下编写文字/表达式，可以使用string unquoting：

border-radius: e("10px/5px");