HTML5 doctype вызывает различный рендеринг кнопки в webkit

Question

У меня есть форма с элементом кнопки.В Chrome он отображается как кнопка с закругленными углами, когда тип документа имеет вид HTML 4 переходный.При переключении на тип документа HTML5 кнопка становится квадратной.Может кто-нибудь объяснить, почему это происходит?

Хорошо, вот ссылки на два примера.Первый html4, второй html5.

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

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

Answer 1

Это определенно из-за причудливого режима, кнопки отображаются по-разному. Вы должны использовать только HTML5 doctype. У Mozilla есть список свойств, которые отличаются в режиме quirksmode . FWIW, в quirksmode в Opera он не так уж отличается, похоже, имеет место только в движке рендеринга Webkit.

Answer 2

После некоторого поиска в Google, я прочитал, что кнопки формы html5 имеют некоторые новые функции и функции, что означает, что элемент кнопки определенно был затронут, однако я не могу объяснить разницу.( html specs )

HOWEVER , я смутно помню, что html5 также вносил некоторые изменения с точки зрения способа определения встроенных элементов и элементов блока.Возможно, вы захотите попробовать дать им «displey: block» или «display: inline» и посмотреть, влияет ли это на его рендеринг / способность принимать высоту и ширину / форму