/* 通用 */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }
/* webkit专用 */
#input1::-webkit-input-placeholder { color:#00f; }
#input2::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#input3::-webkit-input-placeholder { font-style:italic; text-decoration:overline; color:#999; }
/* mozilla专用 */
#input1::-moz-placeholder { color:#00f; }
#input2::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#input3::-moz-placeholder { font-style:italic; text-decoration:overline; color:#999; }
以上是编程学习网小编为您介绍的“css修改placeholder的样式颜色”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:css修改placeholder的样式颜色
基础教程推荐
猜你喜欢
- vuejs安装scss脚手架后使用lang=“scss“出现的报错解决方法 2025-01-13
- 纯CSS实现鼠标悬停提示的方法 2023-12-21
- dede如何把上一篇和下一篇变得更好看 2024-12-07
- Bootstrap组件(一)之菜单 2024-02-07
- VBScript编写Windows防止锁屏脚本程序 2023-12-14
- JavaScript实现cookie的操作 2023-12-26
- vue 动态路由component 传递变量报错问题解决 2023-07-09
- vuejs开发的命名规范 2024-12-07
- 前端获取http状态码400的返回值实例 2022-11-16
- Ajax 设置Access-Control-Allow-Origin实现跨域访问 2023-01-26
