button按钮的border-radius属性为什么失效？

Question

<button>标签的border-radius属性在FF和CHROME中为什么均没有生效？
在代码中添加了

<style>button {    
    border: none;    
    border-radius: 3px;
}</style>

但是最后显示效果如下图，并没有出现圆角

Answer 1

f12，检查这个按钮上面的样式，不一定只有你设置的这两行样式而已，你仔细看看。估计是权重不够被覆盖了