伪元素改变placeholder占位符属性的默认样式实例页面

回到相关文章 »

代码:

CSS代码:
[placeholder] { font-family: 'Microsoft yahei'; }
::-moz-placeholder {
    color: mediumvioletred;
    text-indent: 5px; /* 没有用 */
    opacity: 1!important;
}
:-ms-input-placeholder {
    color: mediumvioletred;
    text-indent: 5px;
}
::-webkit-input-placeholder {
    color: mediumvioletred;
    text-indent: 5px;
}
                
HTML代码:
<input placeholder="占座" />
                

效果: