爲什麼輸入字段在Chrome中無法正常顯示？

我有一個網站在本地主機上運行，我在2-3個月前開發了它。那時，搜索框在Firefox和Chrome中都能按預期工作。但現在突然它在Chrome中顯示不正確，而在Firefox中它可以正常工作。爲什麼輸入字段在Chrome中無法正常顯示？

這裏是如何看起來在Chrome（不正確）：

這裏是它的外觀在Firefox（正確）：

這就是問題所在， Firefox正確顯示輸入框，但Chrome瀏覽器已將其搞亂。它以前工作，但現在不起作用。

搜索上點擊框（鉻）：在點擊

搜索框（火狐）：

的只是搞砸了是搜索框，搜索圖標並關閉圖標正確顯示。自從最近2-3個月以來，我沒有更改代碼中的單個字符。它曾經工作過，但神祕的現在不起作用。

下面是搜索框和圖標代碼：

<input id="search" name="q" type="search" required> 
<label for="search"><i class="material-icons">search</i></label> 
<i class="material-icons">close</i>

另外，Chrome的是顯示它錯誤地唯一的瀏覽器，我在傲遊硝基進行了測試，結果是一樣的Firefox 。

對我來說，它看起來像谷歌改變了Chrome的東西與更新。有什麼辦法可以使用樣式正確顯示嗎？

來源

2016-06-08 Chinmay Sarupria

向我們提供您的網站的一個鏈接，以便我們可以檢查 –

@GauravAggarwal它是在本地主機上，從而不能提供鏈接。 –

小提琴然後 – Patrick2607

看起來像你使用的materialize.css。如果是這樣，將它添加到你的CSS，這將是罰款：

input[type="search"] { 
    height: 64px !important; /* or height of nav */ 
}

來源

2016-06-08 11:24:05

爲什麼輸入字段在Chrome中無法正常顯示？

回答

相關問題