textarea 在 Chrome Safari FireFox 瀏覽器中禁用拖動和固定大小

weixin_30639719發表於2020-04-05

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

1:徹底禁用拖動(推薦)

resize: none;

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

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

3:瀏覽器資訊:

效果預覽:

可以拖動禁用拖動固定大小

轉載於:https://www.cnblogs.com/zhanqi/archive/2011/03/16/1986422.html

相關文章