zoukankan      html  css  js  c++  java
  • CSS3魔法堂:禁止用户改变textarea大小

    一、前言                          

      在FF、Chrome和Safari下默认时允许用户以拖拽形式来改变textarea大小,这不仅与IE下textarea的行为特点有异,而且textarea的大小变化会撑大其父节点从而破坏整体布局。

    二、原因                           

    通过调用 window.getComputedStyle(textarea元素, null).resize 返回both,我们可以知道原来是resize样式属性搞的鬼。

    三、CSS3属性──resize                    

    用于设置UserAgent调整元素尺寸的机制,就是说设置用户能否和如何自行改变元素尺寸。

    值范围

    none:不允许UserAgent调整元素尺寸;

    both :允许UserAgent调整元素水平、垂直方向的尺寸;

    vertical:允许UserAgent调整元素垂直方向的尺寸;

    horizontal:允许UserAgent调整元素水平方向的尺寸;

    inherit :继承父元素

    在FF、Chrome和Safari下

    对于div来说resize属性值时inherit(其实就是none),而对于textarea而言默认值为both。

    四、解决办法                        

      为textarea设置 resize: none

    尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/3940728.html ^_^肥仔John

  • 相关阅读:
    一些常用的Ant标签
    c++ 精简版 scope_guard
    c++ 精简版 fps限制
    用c++11封装win32界面库
    c++ 精简版 signal
    SQL Server 数据库中的 MD5 和 SHA1加密算法
    不同服务器数据库之间的数据操作
    MSSQL行专列
    JS倒计时代码
    破解网页中限制的《七种武器》
  • 原文地址:https://www.cnblogs.com/fsjohnhuang/p/3940728.html
Copyright © 2011-2022 走看看