html5 – 在占位符中添加星号,或通过占位符标记必填字段的好方法

前端之家收集整理的这篇文章主要介绍了html5 – 在占位符中添加星号,或通过占位符标记必填字段的好方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种在占位符中设置星号样式的方法.

占位符中的这样的纯文本不满足我:

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

猜你在找的HTML5相关文章