在MacOS X下的Chrome瀏覽器中,給提交按鈕直接設置高度不起作用
代碼如下:
在Chrome瀏覽器中顯示如下圖;
在Firefox瀏覽器中顯示如下圖;
針對谷歌的這種情況,用一般的清除樣式代碼如去除內外邊距并沒有生效,
Chrome和safari會為提交按鈕添加一個user agent提供的樣式,
首先查找到的處理方式是聲明文件類型,嘗試過修改為HTML4.01和XHTML,都無法解決;
后來發現,需要重新設置提交按鈕的背景或者邊框屬性去覆蓋默認樣式才能使高度生效.
類似的問題也發生在輸入框上,
在chrome上顯示輸入框時,若不為其添加邊框或者背景屬性,瀏覽器會自動將一個名為border-style的屬性添加到輸入框上,其值為inset,導致上邊框看上去會較深,同樣需要手動覆蓋對應的屬性才能解決。