注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 网页设计 >> DIV+CSS >> textarea 在浏览器中固定大小和禁止拖动
热门:word | excel | powerpoint

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

2020/3/6 16:51:50 所属分类:网页设计 - DIV+CSS
内容提要:textarea 在浏览器中固定大小和禁止拖动,一般情况下textarea 的宽和高是用属性cols 和rows来设置的,如果想要更好的控制的话,就得用CSS来控制。

  一般情况下textarea 的宽和高是用属性cols 和rows来设置的,如果想要更好的控制的话,就得用CSS来控制。

textarea{
    width:600px;//初始宽度
    max-width:750px;//最大宽度
    height:60px;//初始高度
    max-height:100px;//最大高度
    overflow-y:auto;//让滚动条自适应,保证兼容性
}

  如果禁止所有方向的拉动也可以使用属性resize: none;来控制。

  resize属性值:both(表示横向纵向均可拉动)horizontal(表示只有横向可以拉动)

  vertical(表示只有纵向才可以拉动)none(禁止拉动)

  PS:最好不要用百分比来设置textarea宽度。

网页设计 | DIV+CSS
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息