輸入文本寬度跨瀏覽器問題

Question

我正在搜索，但找不到awnser，根據瀏覽器的不同，我的輸入文本框的樣式非常不同。請參閱www.suplementospt.com（向下滾動，直到看到橙色框）。

Internet Explorer是最糟糕的，如果輸入不在焦點，它會放大它。

在Chrome和Mozilla之間，寬度各不相同，在Mozilla中它更小。

我該如何設計樣式，以便瀏覽器之間的寬度相同，以便它不會在IE中放大輸入大小。

Answer 1

我認爲這是因爲你指定input字段的寬度在ems。嘗試使用px代替，例如：

input#news-sub-input { width: 160px; }