找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2477|回复: 0

html5属性 修改input输入框 placeholder颜色兼容火狐和谷歌浏览器

[复制链接]

6

主题

0

回帖

36

积分

管理员

积分
36
发表于 2023-2-14 00:00:56 | 显示全部楼层 |阅读模式
placeholder是input中新属性,主要提供可描述输入字段预期值的提示信息,placeholder属性在各个浏览器的默认属性略有不同,下面是修改placeholder的字体颜色,兼容火狐和谷歌浏览器,网上很多教程都没说到点子上,兼容火狐浏览器最重要一点是它有个默认透明度问题,代码如下,还可以修改字体字号等属性。
  1.   input::placeholder {
  2.         color: #666666 !important;
  3.         opacity:1 !important;  //火狐有个默认的0.4的透明度
  4.     }
  5.    ::-webkit-input-placeholder {
  6.         color: #666666 !important;
  7.    }
复制代码




您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|乐啊乐科技 ( 鄂ICP备2021015077号-2|鄂公网安备42050202000673 )

GMT+8, 2024-5-9 07:14 , Processed in 0.106250 second(s), 30 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表