HTML 標籤 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 CSS 的 height 和 width 屬性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖動右下角圖標改變大小。但是過分拖動大小會影響頁面佈局,使頁面變得不美觀。可以通過添加如下兩個樣式:1.禁用拖動2固定大小.
1:徹底禁用拖動(推薦)
resize: none;
2:只是固定大小,右下角的拖動圖標仍在
width: 200px;height: 100px;max-width: 200px;max-height: 100px;3:瀏覽器信息:
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.220 Safari/535.1
---------------------------------------------textarea在IE、Firefox下統一效果的解決方案 ----------------------------------------------
如果用textarea的屬性字數寬度(cols)和行數(rows)來控制textarea的大小你會發現在,在IE和FF下的每行字數和文字的行數都不相同,而且在字數不足滾動的情況下,IE是默認有滾動條的,而FF是沒有滾動條的。
那如何控制textarea在IE中和FF中相同的效果呢,其實比較簡單:
1、用textarea的寬度(widht)和高度(height)來定義textarea的大小;
2、讓滾動條自適應:overflow-y:auto。
原文
在IE下,輸入到textarea的字符長度如果超過textarea的顯示寬度,會出現自動換行,如果不是以明確px限定textarea的寬度(比如使用百分比),重新顯示這個textarea時會發現textarea自動變寬,以在一行內容納所有已輸入的字符。這在某寫情況下會打亂頁面的佈局,比如這個textarea是放在一個DIV的dialogue中。
而在FF下,則不會出現自動換行的情況,FF自動爲超出textarea寬度的字符增加水品滾動條以便拖動顯示。即使重新顯示textarea,也不會有自動變寬的變化。所以FF對於textarea的支持是不變的,從而是穩定的。