(Javascript)为什么borderBottomRightRadius设置为borderRadius？

Question

我有5个输入类型range，当你使用em时，图像会改变它的边界半径属性：

<div class="element" id="element">
    
</div>
<div class="ranges">

    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-1" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-2" value="0" min="0" max="50">

    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-3" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-4" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-5" value="0" min="0" max="50">

</div>

包含"element“类的div包含要修改的图像：

当我使用4输入时，问题就发生了:它应该改变border-bottom-right-radius属性，但是改变了border-radius：

​

​

Answer 1

您忘记在第45行设置break; :)