textarea 固定大小和禁止拖動

2021-09-01 19:53:29 字數 482 閱讀 9936

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

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

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

resize: none;

2:只是固定大小,右下角的拖**標仍在

width: 200px;

height: 100px;

max-width: 200px;

max-height: 100px;

備 注:

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

html 標籤 textarea 在大部分瀏覽器中只要指定行 rows 和列 cols 屬性,就可以規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 css 的 height 和 width 屬性,但是chrome,safari和firefox渲染的效果不同,可以拖動右下角圖示改...

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

html 標籤 textarea 在大部分瀏覽器中只要指定行 rows 和列 cols 屬性,就可以規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 css 的 height 和 width 屬性,但是chrome,safari和firefox渲染的效果不同,可以拖動右下角圖示改...

textarea在瀏覽器中固定大小

html 標籤 textarea 在大部分瀏覽器中只要指定行 rows 和列 cols 屬性,就可以規定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 css 的 height 和 width 屬性,但是chrome,safari和firefox渲染的效果不同,可以拖動右下角圖示改...