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 无效
效果