我正在寻找一种在占位符中设置星号样式的方法.
占位符中的这样的纯文本不满足我：
Your e-mail*
请注意,占位符文本是可变的,因此静态背景不会起作用
解决方法
：在工作之后你需要定位占位符而不是输入元素…然后你可以使用position：absolute;和顶部,左侧属性将你的*移动到任何你想要的地方……
Demo(我不确定其他语法,但我已经在webkit上测试过使用firefox< 17所以如果在任何浏览器中出现故障请告诉我) HTML
<input type="text" placeholder="E-Mail" />
CSS
::-webkit-input-placeholder:after {
content: '*';
}
:-moz-placeholder:after { /* Firefox 18- */
content: '*';
}
::-moz-placeholder:after { /* Firefox 19+ */
content: '*';
}
:-ms-input-placeholder:after {
content: '*';
}