Javascript 在两个值之间使用斜线（“/”）的边界半径

通过javascript或jquery方法，当我尝试用两个值修改css

边界半径时，在结果之间使用斜杠，结果没有斜杠

例如：

document.getElementById("mydiv").style.borderRadius ="20% / 15%"; 

或：

结果是：
边界半径：20%15%（值之间不带斜杠）

但是我需要这个斜线“/”来定义不同的角

有什么解决办法吗

谢谢您的回答。

我的问题不是live中的效果，是的，这是工作，而是页面中写入的结果（用于保存页面），因为在bloc div中写入的css是错误的：比如“

然后，当再次读取文件时，结果与
边界半径：20%/15%；
的结果不同，您是否尝试过反斜杠

20% **\**/ 15%'})

（删除**）
一个简单的解决方案是指定所有值，而不是使用速记，例如（）：

边界半径：4px 3px 6px/2px 4px；
/*相当于：*/
边框左上半径：4px2px；
边框右上角半径：3px4px；
边框右下半径：6px 2px；
边框左下半径：3px4px；

在此基础上，您可以执行以下操作：

$（“#mydiv”）.css({
“边框左上半径”：“20%5%”，
“边框右上角半径”：“20%5%”，
“边框右下半径”：“20%5%”，
“边框左下半径”：“20%5%”，
})
//或
var mydivstyle=document.getElementById（“mydiv”）.style；
mydivstyle.borderTopLeftRadius='20%5%'；
mydivstyle.borderTopRightRadius='20%5%'；
mydivstyle.borderBottomLeftRadius='20%5%'；
mydivstyle.borderBottomRightRadius='20%5%'；

工作示例：
更新以显示正确的css属性（由OP请求）

$（“#mydiv”）.css({
“边框左上半径”：“20%15%”，
“边框右上角半径”：“20%15%”，
“边框右下半径”：“20%15%”，
“边框左下半径”：“20%15%”，
});
$（“#输出”）.text(
$（“#mydiv”）.css（'border-radius'））
)；
#mydiv{高度：40px；宽度：100%；背景：#00f；}
#输出{font-family:monospace；}

结果：（
$（“#mydiv”）.css（'border-radius'）
）
您的代码至少在Chrome中可以按预期工作。
但是ChromeDevTools显示这个属性是错误的


$（'s'）。在（'click'，function（）上{
$（#mydiv'）.css（{'border-radius'：'20%/5%}）；
});
$（'#d'）。在（'click'，function（）上{
警报（$（'#mydiv'）.css（'border-radius'））；
})；
div{
宽度：100px；
高度：100px；
背景：#000；
}
钮扣{
显示：块；
利润率：10px0；
}

获取边界半径
设置边界半径
“20%\/15%”怎么样？
？此方法（'20%\/15%”）Don Work这是唯一正确的解决方案。无论您是否使用斜杠，开发工具都将返回一个不带斜杠的值，即使它呈现正确。请注意，当关闭属性并再次打开时，它将呈现为不带斜杠的值！是的，在live中它正在工作，但我需要保存结果和结果csswrited是错误的，@ChristopherMartin您如何试图保存它？
$（'#mydiv'）.css（'border-radius'））
返回正确的结果-保存itThanks，这可能很好，但当每个角的值相似时，jquery似乎简化了，结果仅为边界半径：20%15%；我已经测试过，它似乎工作正常，尽管dev tools输出不一致（如另一个答案中所述）。我将更新我的答案…@ChristopherMartin看一下这个更新，看看你是否经历过同样的行为。可能是chrome错误。是的，在live中它正在工作，但我需要将结果保存到文件中，结果是由jquery或javascript编写的css错误，当每个角的值相同时，它会在文件中进行简化。@Chr如果您需要保存正确的详细信息，您应该更新您的问题以反映这一点。我们一直在尝试帮助您解决另一个问题。
20% **\**/ 15%'})