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中设置显示工具窗口栏
  • 热门搜索
    教师节手抄报大全图片 生命手抄报 英语国庆节手抄报 525心理健康手抄报 白衣天使的手抄报图片 纪念英雄手抄报 感恩教师节手抄报大全 电子手抄报模板下载 崇尚英雄精忠报国手抄报 九九重阳节手抄报大全