当前位置: 首页 > Web前端 > CSS

前端学习总结【101天】:CSS——设置占位符文本样式

时间:2023-03-30 18:45:32 CSS

随便说说今天是我前端学习之旅的第101天,我决定从微信公众号转战segmentfault码字.学习总结1.使用如下代码控制占位符的文字样式。::-webkit-input-placeholder{/*Webkit浏览器*/color:red;}:-moz-placeholder{/*MozillaFirefox4到18*/color:red;}:-moz-placeholder{/*MozillaFirefox19+*/color:red;}:-ms-input-placeholder{/*InternetExplorer10+*/color:red;}2.如果要专门控制某类标签,在标签名前面加上of::没有空格。input::-webkit-input-placeholder{color:red;}3.如果要用类名和ID名来控制,类名和ID名前必须有一个空格。.test::-webkit-input-placeholder{color:red;}#test::-webkit-input-placeholder{color:red;}4.也可以同时设置多个选择器input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:red;}