美文网首页
input生成上面的placeholder占位文字样式的CSS代

input生成上面的placeholder占位文字样式的CSS代

作者: 陈哲_b5da | 来源:发表于2018-06-08 18:28 被阅读0次

    placeholder属性适用于下面的表单input类型:text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中,placeholder默认显示为灰色:

    input[type="email"]::-webkit-input-placeholder {color:#FFF; background:blue;}
    input[type="email"]::-moz-placeholder {color:#FFF; background:blue;} /* firefox 19+ */
    input[type="email"]:-moz-placeholder {color:#FFF; background:blue;}
    input[type="email"]:-ms-input-placeholder {color:#FFF; background:blue;} /* ie */
     
    input[type="text"]::-webkit-input-placeholder {color:green; }
    input[type="text"]::-moz-placeholder {color:green;} /* firefox 19+ */
    input[type="text"]:-moz-placeholder {color:green;}
    input[type="text"]:-ms-input-placeholder {color:green;} /* ie */ 
    
    

    通过CSS来控制placeholder占位文字的样式:

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

    相关文章

      网友评论

          本文标题:input生成上面的placeholder占位文字样式的CSS代

          本文链接:https://www.haomeiwen.com/subject/apcmsftx.html