HTML 按钮(部分按钮为深色)

Question

我的应用程序中有一个按钮，目前它非常基本:

<button style="height:150px;width:150px;border-radius:10px;">Hello,World</button>

这意味着它具有默认的 HTML CSS 效果。我试图用 CSS 更改它，但每次我将按钮变大时，右侧和底部总是有这个暗面……我不确定为什么。如果我将它改回默认值，它就不会出现。

这是 JSFiddle:

http://jsfiddle.net/htzgak6g/1/

我指的是右侧和底部。在我看来，它们比其他方面更暗。我想要做的就是有一些带有圆 Angular 和漂亮颜色的按钮。

Answer 1

这是因为按钮带有一些基本的默认浏览器样式，这些样式仍在生效，因为您没有覆盖它们。

在这种情况下，添加 border: none 将移除边框和深色。 ( http://jsfiddle.net/htzgak6g/2/ )

看一个reset css解决这些问题，并在浏览器之间提供一致的白板。