Alexin

CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。
而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。
一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Webkit内核的浏览器的默认显示。
以下是resize属性的的各个取值:
none:用户不能操纵机制调节元素的尺寸;
both:用户可以调节元素的宽度和高度;
horizontal:用户可以调节元素的宽度;
vertical:让用户可以调节元素的高度;
inherit:默认继承。

分类:

技术点:

相关文章:

  • 2021-11-01
  • 2021-10-28
  • 2021-12-04
  • 2021-11-22
  • 2021-10-10
  • 2021-12-04
  • 2021-12-24
猜你喜欢
  • 2021-11-05
  • 2021-05-03
  • 2021-05-06
  • 2021-07-29
  • 2022-01-12
  • 2021-12-14
  • 2022-01-02
相关资源
相似解决方案