input默认样式 <input type="text" placeholder="placeholder" /> 1. 2. 3. 4. 添加自定义样式 <style> input::placeholder { color: #dd5a5d; } </style> <input type="text" placeholder="placeholder" /> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 参考...
代码: /*输入框提示文字颜色修改*/::-webkit-input-placeholder{/*WebKit, Blink, Edge*/color:#999eb0; }:-moz-placeholder{/*Mozilla Firefox 4 to 18*/color:#999eb0; }::-moz-placeholder{/*Mozilla Firefox 19+*/color:#999eb0; }:-ms-input-placeholder{/*Internet Explorer 10-11*/color:#99...
placeholder伪元素(有的浏览器版本把它当做伪类)可以用来对form中input等控件应用样式 1<!doctype html>2<htmllang="zh">3<head>4<metacharset="utf-8">5<metaname="viewport"content="width=device-width, initial-scale=1.0">6<metaname="description"content="">7<metaname="author"content="">89<title>...
设置input 的placeholder的字体样式 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; } input::-moz-placeholder { /* Firefox 19+ */ color: red; } input:-ms-input-placeholder { /* IE 10+ */ color: red; } input:-moz-placeholder { /* Firefox 18- */ color:...
CSS:修改输入框placeholder样式 firefoxC <div class="multiple_search"> <input type="text" class="search_input" id="search-input" placeholder="请输入地名"> </div> 1. 2. 3. .multiple_search .search_input::-webkit-input-placeholder { /*Webkit browsers*/...
输入框使用了placeholder显示提示文字,它的文字样式是可以修改的。 提示文字的颜色透明度一般比较低,颜色比较灰浅。placeholder的CSS: input::-webkit-input-placeholder { color: #c1c1c1; } input:-moz-placeholder { color: #c1c1c1; } input::-moz-placeholder { color: #c1c1c1; } input:-ms-input-plac...
<input="text"placeholder="请输入文字"/> 注意事项: 1、只有火狐的写法不带input; 2、火狐在高版本中是使用伪类的标符,即是input::-moz-,是使用::,而不是: 3、IE只是兼容到IE10及以上版本; 4、除了可以修改颜色以为还可以修改背景颜色,字体大小等,就相当于一个特殊的伪元素。
这样我们就可以修改placeholder的颜色了。 1. 伪元素::placeholder ::placeholder是一个伪元素,参考MDN的介绍,它的作用是用来选择placeholder的,我们可以通过它来修改placeholder的样式,如下所示: 伪元素有一个特点,就是并不是所有的dom元素都支持,部分伪元素只有指定的dom元素才支持,比如::placeholder只有input和textare...
placeholder属性适用于下面的表单input类型:text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中,placeholder默认显示为灰色: input[type="email"]::-webkit-input-placeholder{color:#FFF;background:blue;}input[type="email"]...
自定义占位文本(placeholder)的样式 当我们对input元素或者textarea元素写CSS样式的时候, 如果需要自定义占位文本(也就是placeholder)的样式的时候怎么办? CSS有一个伪元素选择器::placeholder可以解决我们的问题. 用法 HTML <input placeholder="我是红色的!"> ...