修改input placeholder文字颜色

来源链接:http://caibaojian.com/placeholder-color.html

placeholder是css3中表单元素input的一个占位符,适用于高级浏览器或者手机端的输入框的默认提示内容,通过下面几行代码就可以设置一个兼容的placeholder文字颜色。

修改所有的input

::-webkit-input-placeholder {
color: red;
}
:-moz-placeholder {/* Firefox 18- /
color: red;
}
::-moz-placeholder{/
Firefox 19+ */
color: red;
}
:-ms-input-placeholder {
color: red;
}
修改某个标签

myInput::-webkit-input-placeholder {

color: red;
}

myInput:-moz-placeholder {

color: red;
}

myInput:-ms-input-placeholder {

color: red;
}
placeholder的相关文章推荐:

placeholder占位符兼容性及拓展
HTML5 placeholder兼容性探讨
javascript兼容placeholder代码

posted @ 2020-05-26 18:02  归来也无风雨也无晴  阅读(810)  评论(0)    收藏  举报
编辑推荐:
· Java线程池详解:高效并发编程的核心利器
· 从“看懂世界”到“改造世界”:AI发展的四个阶段你了解了吗?
· 协程本质是函数加状态机——零基础深入浅出 C++20 协程
· 编码之道,道心破碎。
· 记一次 .NET 某发证机系统 崩溃分析
阅读排行:
· dotnetty 新的篇章- 开源
· 这5种规则引擎,真香!
· DotTrace系列:1. 理解四大经典的诊断类型(上)
· 【大数据高并发核心场景实战】 - 数据持久化之冷热分离
· 【附源码】用Spring AI通杀所有MCP客户端,简直离谱!
点击右上角即可分享
微信分享提示