欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css3 placeholder样式设置

程序员文章站 2022-06-01 08:43:25
...

::-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;
}   

margin 无效
效果
css3 placeholder样式设置