Border-radius工作在内联但不在单独的css文件中

Question

我有一个9键数字键盘，我想要圆角边框。当我将border-radius设置为每个按钮的内联样式属性时，它可以正常工作

 <button id="numpadOne" class="numpad-button"
     data-bind="click: numpadButtonPressed" style="border-radius: 30px"></button>

和numpad-button的css

.numpad-button {
min-width: 100%;
min-height: 100%;
margin: 0px;
}

只要将border-radius属性添加到numpad-button类并从内联中删除它，它就不再起作用了。有什么想法吗？

Answer 1

What are the implications of using "!important" in CSS?

对于那些希望解决与我类似的任何问题的人来说，使用!important时，这是一个很好的含义列表。