placeholder字体颜色怎么设置修改

2025-03-17 20:57:04

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

placeholder字体颜色怎么设置修改

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

placeholder字体颜色怎么设置修改

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

placeholder字体颜色怎么设置修改

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

placeholder字体颜色怎么设置修改

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

placeholder字体颜色怎么设置修改
placeholder字体颜色怎么设置修改
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢