如何设置输入框input中placeholder的字体颜色、字号
2017-10-30 21:26
585 查看
一、须知
placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。
二、设置placeholder文字颜色、字号
方式1
因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
方式2、建议使用该方式,如果是在手机客户端webview只使用-webkit内核方式即可。
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#666;
font-size:16px;
}
input:-moz-placeholder,textarea:-moz-placeholder{
color:#666;
font-size:16px;
}
input::-moz-placeholder,textarea::-moz-placeholder{
color:#666;
font-size:16px;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color:#666;
font-size:16px;
}
placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。
二、设置placeholder文字颜色、字号
方式1
因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
::-webkit-input-placeholder{/*Webkit browsers*/ color:#999; font-size:16px; } :-moz-placeholder{/*Mozilla Firefox 4 to 8*/ color:#999; font-size:16px; } ::moz-placeholder{/*Mozilla Firefox 19+*/ color:#999; font-size:16px; } :-ms-input-placeholder{/*Internet Explorer 10+*/ color:#999; font-size:16px; }
方式2、建议使用该方式,如果是在手机客户端webview只使用-webkit内核方式即可。
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#666;
font-size:16px;
}
input:-moz-placeholder,textarea:-moz-placeholder{
color:#666;
font-size:16px;
}
input::-moz-placeholder,textarea::-moz-placeholder{
color:#666;
font-size:16px;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
color:#666;
font-size:16px;
}
相关文章推荐
- 如何设置输入框 input 中 placeholder的字体颜色、字号
- 如何设置输入框 input 中 placeholder的字体颜色、字号
- 设置输入框input中placeholder属性的字体颜色、字号
- 如何设置textField的placeholder字体颜色
- css设置input, placeholder字体颜色
- CSS设置输入框默认文字颜色(webkit-input-placeholder等)
- 设置input标签placeholder字体颜色
- CSS3中,如何设置text文本框中,placeholder的字体颜色大小等
- 修改UItextField输入框placeholder的字体默认颜色和大小,采用KVC方式设置
- 如何设置css3中placeholder的字体颜色
- input的placeholder设置字体颜色
- 如何设置css3中placeholder的字体颜色
- 设置input中placeholder的字体颜色及属性
- input,textarea的placeholder属性设置字体颜色
- input,textarea的placeholder属性设置字体颜色
- google等webkit浏览器下,设置input输入框自动(选择)填充的字体颜色
- 自定义placeholder插件,实现设置input默认提示内容,颜色
- UISearchbar设置placeholder字体颜色大小
- 如何设置 状态栏的 上的字体颜色
- 修改input框中placeholder的字体颜色