zoukankan      html  css  js  c++  java
  • 去除iphone/ipad按钮默认样式

      写过手机站的可能会遇到明明css样式已经写好了,但是到了iphone上面会出现默认的样式,这样我们是不能接受的。其实这个很容易就能够解决,去掉iphone按钮默认的css的样式就行了,具体如下:

    input[type="button"], input[type="submit"], input[type="reset"] {
      -webkit-appearance: none;
    }
    textarea {
      -webkit-appearance: none;
    }

      另外还有以下浏览器的默认样式,只要去掉默认的css样式即可

    1.浏览器默认发光样式

    input:focus, textarea:focus {
        outline: none;
    }

    2.去除IE10+文本框会有一个小叉

    input::-ms-clear {
        display: none;
    }

    3.多行文本大小固定

    textarea {
        resize: none;
    }

    注:这里的resize属性是css3属性,用于元素缩放,取值如下:

      none 默认值

      both 允许水平方向及垂直方向缩放

      horizontal 只允许水平方向缩放

      vertical 只允许垂直方向缩放

    不只对textarea适用,同样div也是适用的

    div {
        resize: both;
        overflow: auto;
    }

    4.火狐input的内阴影

    input{
      box-shadow:none;
      background:none;
    }
  • 相关阅读:
    python递归可视化
    python递归基础
    python之双端队列及回文检测
    python接口多线程压测
    python获取文件目录下文件名并修改名称
    Linux 截取日志命令
    python计算后续表达式
    python十进制数转换成任意进制数
    python|os库
    python|英文标题格式化
  • 原文地址:https://www.cnblogs.com/caichunbao/p/6762732.html
Copyright © 2011-2022 走看看