美文网首页
placeholder样式修改

placeholder样式修改

作者: lesdom | 来源:发表于2020-08-11 22:56 被阅读0次

    各浏览器样式设置

    1、冒号前写对应的input或textarea元素等。
    2、placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。

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

    demo

    #input-test {
        color: #FFC0CB;
    }
    #input-test::-webkit-input-placeholder {
            color: #ADD8E6;
    }
    

    网站导航

    网站导航

    相关文章

      网友评论

          本文标题:placeholder样式修改

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