textarea禁止拉伸和禁止编辑

文章描述:

textarea禁止拉伸和禁止编辑

<textarea class="smalltext" cols="40" rows="10">自己设置宽高即可</textarea>
.smalltext{ border:1px solid #999; border-radius:5px; }

 

禁止拉伸

resize:none;

禁止编辑
readonly:没背景颜色,保留滚动条(适合文字内容多的场景使用)
disabled:有背景颜色,不保留滚动功能,(合文字少不需要滚动的场景使用)

 

禁用图标

<textarea class="smalltext" cols="40" rows="10" disabled  style="resize:none;cursor:no-drop;" >自己设置宽高即可</textarea>

 

发布时间:2022/12/23

发表评论