Html 修改placeholder的颜色属性css样式

项目需求需要修改文本框的placeholder 的文本颜色,

百度下, 备忘,我使用的是这种方法,

::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}

原文参见:

http://www.jb51.net/html5/171764.html

还有别的方法可以参见

时间: 2024-10-28 21:50:52

Html 修改placeholder的颜色属性css样式的相关文章

在使用shape的同时,用代码修改shape的颜色属性

Android里面经常会使用shape来定制一些View的背景 可以修改View的背景颜色,形状等属性 一般情况下,shape都是在xml文件里面写死了,今天遇到一个需求,View的形状是圆角的,但是颜色是在代码里面设置的 最开始的思路是先在代码里给View设置颜色,再在shape里面设置solid属性为透明色 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="htt

修改palceholder内文字的css样式

::-webkit-input-placeholder{ color: red; font-size: 20px; line-height: 50px; } 修改class名为test1的元素palceholder内文字css样式 .test1::-webkit-input-placeholder{ color: red; font-size: 20px; line-height: 50px; }

css 修改placeholder的颜色

input::-webkit-input-placeholder { color: #ff0000; } input::-moz-input-placeholder { color: #ff0000; } input::-ms-input-placeholder { color: #ff0000; } 原文地址:https://www.cnblogs.com/lilelile/p/9644562.html

shape--用代码修改shape的颜色属性

Android里面经常会使用shape来定制一些View的背景,可以修改View的背景颜色,形状等属性 一般情况下,shape都是在xml文件里面写死了,今天遇到一个需求,View的形状是圆角的,但是颜色是在代码里面设置的 最开始的思路是先在代码里给View设置颜色,再在shape里面设置solid属性为透明色 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="htt

修改placeholder文字颜色

.area_ipt ::-webkit-input-placeholder { /* WebKit browsers */ color:#258aca; } .area_ipt :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#258aca; } .area_ipt ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#258aca; } .area_ipt :-ms-input

怎么修改placeholder字体的css样式

修改palceholder内文字的css样式 1 ::-webkit-input-placeholder{ 2 color: red; 3 font-size: 20px; 4 line-height: 50px; 5 } 修改class名为test1的palceholder内文字css样式 .test1::-webkit-input-placeholder{ color: red; font-size: 20px; line-height: 50px; } 例子: <!DOCTYPE html

设置PlaceHolder的颜色

input::-webkit-input-placeholder{ color:green; } input::-webkit-input-placeholder { color: #999; } input:-moz-placeholder { color: #999; } // css修改placeholder的颜色 ::-webkit-input-placeholder{ } :-moz-placeholder{ } ::-moz-placeholder{ } :-ms-input-pla

常用的四种CSS样式表格

1. 单像素边框CSS表格 这是一个很常用的表格样式. [html] <style type="text/css"> table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable th {

CSS LINT,优化你的CSS样式表

CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查.底下有一些设定项目可以调整检测的项目和规则,预设是全部勾取,如果没有特别的需求可以不用更动,完成之后 CSS Lint 会告诉使用者该样式表哪些部分发生问题,只要依照网站的指示修改就可以得到比较没有问题的 CSS 样式表啰! 网站名称:CSS Lint 网站链结:http://csslint.net/ 使用方法很简单,进入 CSS Lin