css3 placeholder样式设置

最新推荐文章于 2023-11-24 14:29:49 发布

tianmeng1999

最新推荐文章于 2023-11-24 14:29:49 发布

阅读量178

点赞数

分类专栏： css/css3

本文链接：https://blog.csdn.net/weixin_42448623/article/details/102570811

版权

css/css3 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 /
:-moz-placeholder{} / Firefox版本4-18 /
::-moz-placeholder{} / Firefox版本19+ /
:-ms-input-placeholder{} / IE浏览器 */
注：冒号前写对应的input或textarea元素等。

input[type="text"]::-webkit-input-placeholder{/* 使用webkit内核的浏览器 */
    padding-left:10px;
    text-align: center;
}    
input[type="text"]:-moz-placeholder{/* Firefox版本4-18 */
    padding-left:10px;
    text-align: center;
}                  
input[type="text"]::-moz-placeholder{/* Firefox版本19+ */
    padding-left:10px;
    text-align: center;
}                  
input[type="text"]:-ms-input-placeholder{/* IE浏览器 */
    padding-left:10px;
    text-align: center;
}