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;
    }
  • 相关阅读:
    c++虚函数表 Brew VTBL
    c++ 类数据成员的定义、声明
    变量声明和定义的区别
    C++ 对象间的赋值与拷贝构造函数
    Android应用程序构成
    android平台的技术架构
    认识Service
    Application的作用
    Context的作用
    如何切换到自定义的Activity
  • 原文地址:https://www.cnblogs.com/caichunbao/p/6762732.html
Copyright © 2011-2022 走看看