如何在IE和Firefox中製作textarea寬度相同？

我想要一個500px的textarea，這是我用於textarea的CSS：如何在IE和Firefox中製作textarea寬度相同？

width：498px; padding：0px; margin：0px;

我注意到IE和Chrome在默認情況下有一個1px的邊框，另一方面FF有一個2px邊框，導致textarea是502px而不是500px，所有解決方法？

只需注意，我可以明確指定texarea邊界寬度，即。 border-width：1px，但這裏的問題是，它不能很好地與IE瀏覽器配合使用（當邊框設置爲1px時，IE中的默認textarea邊框看起來不太好），但我可以改變邊框顏色，但是我不想這樣做，我更喜歡保留默認的瀏覽器樣式，我只是希望所有瀏覽器中的寬度都相同，而不更改默認樣式或將顏色設置爲邊框，這可能嗎？

來源

2008-12-27 Waleed Eissa

重要的是不要依賴行和列屬性（如果你最終使用這些屬性，也知道它們也會根據字體的不同而改變），並像這裏提到的那樣使用像素。 – 2011-04-24 12:40:03

通過使用文檔頂部的重置CSS表單，可以將所有瀏覽器的默認樣式設置爲相同。我自己喜歡YUI reset CSS。這應該將所有控件的基本樣式設置爲在所有瀏覽器中相同，並且應該允許更可預測的佈局。

IMO如果你讓每個瀏覽器都有自己的風格（甚至可以由用戶定製！），你正在爲應用程序提供不可預知的風格，在你從未想過的地方出現問題他們會。最好使用重置CSS，然後相應地設置你的應用程序樣式。如果你簽出雅虎的網站（引用），他們也會有自己的「基礎」CSS，你可以從這裏開始，這很酷。

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css">

來源

2008-12-27 14:01:40

重置CSS非常有用。 – Alex 2009-04-27 11:59:25

我們傾向於爲IE和FF創建單獨的樣式表來解決他們的「怪癖」。然後可以使用一小段代碼來確保使用正確的樣式表。

<!--[if lte IE 6]> works for < than IE 6 
<link href="/css/IE6Below.css" media="screen" rel="Stylesheet" type="text/css" /> 
<![endif]-->

還有作品IE 6

等等

來源

2008-12-27 14:02:25

我們使用jQuery來裝飾我們的HTML元素，讓它處理跨瀏覽器的問題。

來源

2008-12-27 14:04:33

從本質上來說，您會感嘆瀏覽器的默認設置與每個瀏覽器都不一樣，但不想直接改變這些屬性。

這沒有意義。

和其他人一樣，我會推薦使用重置樣式表（我是Eric Meyer的粉絲），然後完全按照您希望的樣式設置邊界。簡單。明確。沒有缺點。

來源

2008-12-27 17:45:31 allesklar

如何在IE和Firefox中製作textarea寬度相同？

回答

相關問題