zoukankan      html  css  js  c++  java
  • 修改input,textarea中的placeholder属性

    css语法:

    input::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
    input:-moz-placeholder{}                  /* Firefox版本4-18 */
    input::-moz-placeholder{}                  /* Firefox版本19+ */
    input:-ms-input-placeholder{}           /* IE浏览器 */

      

    sass语法:

    @mixin placeholder {
      &::-webkit-input-placeholder {
        @content
      }
      &::-moz-placeholder {
        @content
      }
      &:-ms-input-placeholder {
        @content
      }
    }
    input, textarea {
       @include placeholder {
          color: #f00;
       }
    }
    
    //编译后的css
    input::-webkit-input-placeholder{
        color: #f00;
    }
    input::-moz-placeholder{
         color: #f00;
    }
    input:-ms-input-placeholder{
         color: #f00;
    }
  • 相关阅读:
    DOM深度优先遍历算法
    DOM事件
    DOM修改
    DOM的方法和属性
    DOM简介
    JSON.stringify()
    JSON解析
    JSON对象
    JSON语法
    JSON对比XML
  • 原文地址:https://www.cnblogs.com/hellocd/p/13558288.html
Copyright © 2011-2022 走看看