如何在不划分结果的情况下用 less 写 border-radius

Question

如何将这个 css 写成 less:

border-radius: 10px / 20px;

normally css interpret something like :

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

but less compilers are dividing 10px/20px = 0.5px

Answer 1

这可能是由于编译器中没有启用严格的数学运算，编译器告诉它仅运行括号内的数学运算。

另一种方法是让系统认为它是一个普通字符串而不是一个计算。

border-radius: 10px ~"/" 20px;

Answer 2

您可以将整个包裹在 ~"..." 中，例如

border-radius: ~"10px / 20px";

或者您可以使用

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

How to write border-radius in less without dividing result