HTML5 doctype导致webkit中的按钮呈现不同

Question

我有一个带按钮元素的表单。在Chrome中，当doctype为html 4过渡时，它会呈现为圆角按钮。切换到HTML5 doctype时，按钮变为方形。有人可以解释为什么会这样吗？

好的，这里有两个例子的链接。第一个是html4，第二个是html5。

http://mattoettinger.com/test/button.html

http://mattoettinger.com/test/button2.html

Answer 1

肯定是因为quirksmode，按钮的呈现方式不同。您应该只使用HTML5 doctype。 Mozilla has a list of properties that are different in quirksmode。 FWIW，它与Opera中的quirksmode没有什么不同，似乎仅在Webkit渲染引擎中才是这种情况。

Answer 2

在做了一些谷歌搜索之后，我已经读过html5表单按钮有一些新的职责和功能，这意味着按钮元素肯定被触及，但我无法解释其中的区别。 （html specs）

但，我依稀记得html5在内联元素方面也做了一些改变。块元素已定义。你可能想尝试给他们一些不愉快：阻止或显示：内联并查看它是否影响其渲染/获取高度和宽度/形状的能力