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

字號:


    HTML 標(biāo)簽 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規(guī)定 textarea 的尺寸,大小就不會改變,不過更好的辦法是使用 CSS 的 height 和 width 屬性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖動右下角圖標(biāo)改變大小。但是過分拖動大小會影響頁面布局,使頁面變得不美觀??梢酝ㄟ^添加如下兩個樣式禁用拖動,固定大小:
    1:徹底禁用拖動(推薦)
    resize: none;
    2:只是固定大小,右下角的拖動圖標(biāo)仍在
    width: 200px;
    height: 100px;
    max-width: 200px;
    max-height: 100px;
    效果預(yù)覽:
    可以拖動禁用拖動固定大小