使用Less和SimpleLess使边框半径变为椭圆形

Question

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

border-radius: 10px / 5px;

但我的Less编译器（简易Less）会接受并计算这个表达式。我得到了：

border-radius: 2px;

有人知道解决方案吗？

谢谢大家 :)

- Postizo

---

使用border-radius: 100px / 50px; - radha

@radha，这对你来说不是一个很糟糕的hack吗？ - user1537415

请看链接 https://dev59.com/PWcs5IYBdhLWcg3wSiFo - radha

你应该尝试使用边框半径50%。 - Josh Powell

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/

- Krzysztof

---

运行得非常好！谢谢 Lolo - Postizo

Answer 2

lessphp：如果您想要在另一个属性（或变量）中不分隔地写入字面/表达式，则可以使用string unquoting：

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

- Erfan

---

这也适用于Visual Studio Web Essentials Less预处理器。 - Juliano