textarea 在浏览器中禁用拖动和固定大小-白红宇

textarea 在浏览器中禁用拖动和固定大小

阅读量：4467 次

发布时间：2019-06-08

本文共 482 字，大约阅读时间需要 1 分钟。

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;

3：浏览器信息：

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1

转载：

转载于:https://www.cnblogs.com/c-961900940/p/4055635.html

你可能感兴趣的文章