关闭→
当前位置:趣知常识网>游戏数码>互联网>placeholder字体颜色怎么设置修改

placeholder字体颜色怎么设置修改

趣知常识网 人气:2.04W

我们知道placeholder很方便,但是有时候想更改placeholder字体颜色却不知道怎么搞。下面小编就来介绍一下placeholder字体颜色怎么设置修改。

placeholder字体颜色怎么设置修改

操作方法

(01)首先我们先简单写个html页面,里面放一个input和一个textarea,简单设置一下基本样式,注意写上placeholder。

placeholder字体颜色怎么设置修改 第2张

(02)然后在浏览器中预览一下效果,会看到默认的placeholder颜色是灰色的。

placeholder字体颜色怎么设置修改 第3张

(03)再然后就是设置placeholder的字体颜色了,因为不同浏览器存在兼容性问题,这里主要设置webkit内核浏览器、火狐浏览器、IE浏览器三种,代码如下:

placeholder字体颜色怎么设置修改 第4张

(04)上面设置的placeholder的颜色为红色,然后切换到浏览器预览一下,效果就是红色的。

placeholder字体颜色怎么设置修改 第5张

(05)以上代码是设置所有input和textarea的placeholder颜色的,如果想设置某一个或某一类的文本框或者输入框的placeholder颜色,只要在最前面加上其标签名或者是class名或者是id名就可以了。

placeholder字体颜色怎么设置修改 第6张
placeholder字体颜色怎么设置修改 第7张
TAG标签:#placeholder #字体 #设置 #