专栏首页前端小叙修改HTML5 input placeholder 颜色及修改失效的解决办法

修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color:  #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 

这段代码在单独试用没有问题,在有时候做项目的时候会出现加此代码不生效的情况,原因可能是项目用的框架中底层已经写好了placeholder的属性颜色,再写一个不能替换掉底层颜色,所以必须给每个属性值加!important

这样就可以成功执行了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jquery绑定事件的坑,重复绑定问题

    我实现点击table表格中的删除按钮,找到当前按钮的祖先元素tr 然后删除该行,但是我首先点击删除的时候要先弹出提示框,是否要下载,这时在点击删除按钮删除,之前...

    蓓蕾心晴
  • 元素加了position:absolute则该元素的text-align:center居中失效的解决办法

    position:absolute; top:50%; left:50%; -webkit-transform: transla...

    蓓蕾心晴
  • 内网映射到外网方法收集

    一、nat123 二、ngrok 官网服务器被墙了 不能使用,显示reconnecting,可以使用自己搭建的服务器来试  三、花生壳 四、frp  htt...

    蓓蕾心晴
  • python 七种邮件内容发送方法实例

    一、文件形式的邮件 #!/usr/bin/env python3 #coding: utf-8 import smtplib from email.mime....

    小小科
  • 分享一个有趣的小抄表——机器学习关键概念

    在他自己学习机器学习的时候,发现通过这样的小卡片理解和记忆机器学习相关概念,比单纯读教科书要有效的多。于是便总结了300+个机器学习概念,并用彩笔手绘、扫描,制...

    AI算法与图像处理
  • python email模块的使用实例

    在使用python过程中,需要用的email模块来进行邮件的发送和接收,包含自定义邮件的中文、主题、日期、附件等信息,以下是我使用email模块来发送一个测试报...

    py3study
  • java socket通信

    (图片来源:https://www.cnblogs.com/itfly8/p/5844803.html)

    IT云清
  • TCP窗口调整与数据流控制以及病态窗口症状

    TCP协议主要依赖不断调整窗口大小来保证数据收发吞吐率。在三次握手时,客户端会告诉服务器自己一次能接收数据量的大小,这就对应客户端的接收窗口以及服务器的发送端口...

    望月从良
  • Android - 常见的控件布局,左中右,左右等

    这里汇总的是自己在工作过程中,使用过的常见空间布局,记录在这里。详情如下: 1. 三个控件,分别处于左,中,右 要点:使用RelativeLayout 1  ...

    宋凯伦
  • js实现随机验证码功能

    本文利用js实现随机显示验证码功能,当然开发中,大部分都是一些图片,而不是像本文章中的数字,本文封装了一个函数,分别随机出数字和运算符。具体请看详细代码,页面效...

    会呼吸的Coder

扫码关注云+社区

领取腾讯云代金券