placeholder字体颜色怎么设置修改

 时间:2024-10-11 23:04:45

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字体颜色怎么设置修改
  • tomcat怎么修改端口号
  • html中怎么隐藏input标签
  • Javascript怎么设置背景颜色
  • 怎么在IDEA中设置显示工具窗口栏
  • 热门搜索
    爱国主义手抄报 手抄报模板 防溺水手抄报 校园安全手抄报 六一儿童节的手抄报 关于感恩的手抄报 小学生手抄报图片大全 红领巾心向党手抄报 交通安全手抄报内容 植树节的手抄报