CSS3占位符偽元素浅析.docVIP

雪中悍刀行 HYPERLINK // CSS3占位符伪元素浅析 　　HTML5的特性曾经充斥着各种互联网社区，现在，它的特性越来越多的被各种浏览器所支持 ，我们可以使用它的更多的功能，如自定义文本的外观 　　::input-placeholder CSS伪元素，无论输入什么字段，该元素都为我们提供了一个符合设计标准的占位符文本的样式。 　　占位符文本的样式 　　浏览器预定义的样式，可以通过占位符属性显示文本。默认情况下，文本是一个浅灰色的，这种情况下难以阅读。当开发人员发现，没有任何CSS样式选项可用于占位符之后。 我们发现::input-placeholder伪元素，可以让我们摆脱UA规范，提供更多的造型灵活性。 　　例如，让我们使用下面的占位符，并改变其颜色和文字： input type=text placehold er=Im placeholder text! 　　然后，我们将使用新的伪元素创建一个CSS规则： input::-webkit-input-placeholder { color: rgba(0,5,143,.5); text-transform: uppercase; } 　　单独定义选择器(否则将被忽略整个规则的浏览器) input::-webkit-input-placeholder { color: rgba