標籤怎樣禁止拉動

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的支持是不變的,從而是穩定的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章