设置 input元素placeholder的字体颜色

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。

由于 placeholder 是 HTML5 的属性，仅支持 HTML5 的浏览器才支持 placeholder，目前最新的 Firefox、Chrome、Safari 以及 IE9 都支持，IE9 和 Opera12 以下版本的 CSS选择器均不支持占位文本。

设置所有 input 和 textarea 的 placeholder 文字颜色和字号：

::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: #ccc;
font-size: 16px;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
font-size: 16px;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
font-size: 16px;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
font-size: 16px;
}

如果想设置某一个或某一类的文本框或者输入框的 placeholder 颜色，只要在最前面加上元素选择或者类选择或者 id 选择器就可以了。

设置所有 input 元素的 placeholder 的文字颜色和字号：

input::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: #ccc;
font-size: 16px;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
font-size: 16px;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
font-size: 16px;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
font-size: 16px;
}

设置 input元素placeholder的字体颜色相关推荐

微信小程序设置input框placeholder的字体大小
一.绑定属性给input框绑定 placeholder-class="placeholder-style"这个属性. <input placeholder="请输 ...
改变textFiled中placeholder的字体颜色的方法以及不想光标在textView的最左边设置方法...
改变textFiled中placeholder的字体颜色的方法 [self.userTextField1 setValue:[UIColor colorWithRed:89/255.0 green ...
ios设置字体-黑体,加粗等修改textField的placeholder的字体颜色、大小
ios开发中,经常用到UILable,此时如何让UILable的字体变化为不同的颜色,样式,从而增加UI美感呢?下面我进行了总结和归纳,内容来自于网络,当时经过我自己的整理.希望对我自己和大家有所帮助 ...
[css] 如何更改placeholder的字体颜色和大小？
[css] 如何更改placeholder的字体颜色和大小? <style>/* Chrome浏览器 */input::-webkit-input-placeholder {color: ...
php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
Eclipse详细设置护眼背景色和字体颜色并导出
Eclipse详细设置护眼背景色和字体颜色并导出 Eclipse是一款码农们喜闻乐见的集成开发平台,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,将给大家详细介绍如何设置成护眼主题的方法,也 ...
设置Layui表格字段的字体颜色
设置Layui表格字段的字体颜色开发工具与关键技术:VS MVC 作者:木林森撰写时间:2019年 7 月 26 日我们在使用layui表格对的时候,经常会有特殊字段需要显示出来,比如金额.状态 ...
Eclipse设置护眼背景色以及字体颜色
Eclipse设置护眼背景色和字体颜色 Eclipse是一款码农们喜闻见乐的集成开发工具,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,讲给大家详细介绍如何设置成护眼主题的方法,也希望之后会 ...
el-table设置单元格里的字体颜色
例如图中,设置某个单元格的字体颜色: ① el-table标签上添加属性::cell-style="cellStyle" <el-table :data="tabl ...

设置 input元素placeholder的字体颜色

设置 input元素placeholder的字体颜色相关推荐

最新文章

热门文章