回答

收藏

如何禁用 textarea 的 resizable 属性?

技术问答 技术问答 568 人阅读 | 0 人回复 | 2023-09-12

我想禁用 a 的 resizable 属性textarea。4 `6 W& Z: {0 ]8 {( Q/ c
现在,我可以了textarea单击右下角textarea并拖动鼠标调整 a 的大小。我怎样才能禁用它?3 R3 f; ~/ w) N9 H7 ?3 a( C
% i! U5 o; M& w0 r( r
                                                                ( T  G& T* O$ w. S' h
    解决方案:                                                                / M$ j: H. \  D
                                                                以下 CSS 规则禁用textarea元素大小调整行为:
6 a2 L/ q* g! O3 Y1 d# n$ G
    textarea {  resize: none;}; H, G/ c- Z/ v  D9 L7 D3 [
禁止某些(但不是全部)textarea,有几个选项。& A$ j2 s0 q- C3 n/ ^
您可以class在标签()中使用属性:) r- N) I% e9 X
    .textarea1 {  resize: none;}
    ; a' E. _% [9 Z0 E
禁用属性设置为(即),textarea的特定:name``foo``
  H+ \" X* `  ], M
    textarea[name=foo] {  resize: none;}
    $ U+ h* j* R3 H4 N, c" d
或者,使用id属性(即):. a4 i! F+ z: C$ A) e
    #foo {  resize: none;}$ s* w9 w# X. l8 u5 }
W3C 页面列出了调整尺寸限制的可能值:无、两者、水平、垂直和继承:
% I& x4 c" i0 ^- }+ Q/ u; B9 `
    textarea {  resize: vertical; /* user can resize vertically,but width is fixed */}
      W0 T& s4 {+ ^; R, v3 L
查看当前支持此功能的浏览器,以查看一个良好的兼容页面。Jon Hulka 评论,在 CSS 可用于 max-width、max-height、min-width 和 min-height进一步限制尺寸。
8 P3 m! V& Z1 b% ^2 k0 D$ ~9 y要知道超级重要:这个属性什么都不做,除非溢出属性看不见,这是大多数元素的默认值。因此,如果你通常想使用它,你必须设置一些溢出物:滚动;
  f* t2 X% N0 Y: f' R# |4 V* a: hSara Cope 引用,http://css-tricks.com/almanac/properties/r/resize/

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则