textarea 在瀏覽器中固定大小和禁止拖動

 HTML 標籤 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就能夠規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 CSS 的 height 和 width 屬性,可是Chrome,Safari和FireFox渲染的效果不一樣,能夠拖動右下角圖標改變大小。可是過度拖動大小會影響頁面佈局,使頁面變得不美觀。能夠經過添加以下兩個樣式禁用拖動,固定大小: html

1:完全禁用拖動(推薦) 瀏覽器

resize: none;

2:只是固定大小,右下角的拖動圖標仍在 佈局

width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;

3:瀏覽器信息: spa

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1
轉載: http://blog.sina.com.cn/s/blog_7a3173230100u1o8.html
相關文章
相關標籤/搜索