【css/scss】修改input,textarea中的placeholder样式
16lz
2021-03-23
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */input:-moz-placeholder{} /* Firefox版本4-18 */input::-moz-placeholder{} /* Firefox版本19+ */input:-ms-input-placeholder{} /* IE浏览器 */
scss语法
@mixin placeholder { &::-webkit-input-placeholder { @content } &::-moz-placeholder { @content } &:-ms-input-placeholder { @content }}input, textarea { @include placeholder { color: #f00; }}//编译后的cssinput::-webkit-input-placeholder{ color: #f00;}input::-moz-placeholder{ color: #f00;}input:-ms-input-placeholder{ color: #f00;}
©著作权归作者所有:来自51CTO博客作者wx605879fdc8dae的原创作品,如需转载,请注明出处,否则将追究法律责任
更多相关文章
- HMS Core 5.1.0 版本发布公告
- 如何使用Safari浏览器的自动创建强密码功能保护密码安全?
- Safari 浏览器中自动填充用户名和密码功能介绍
- React UI 库:React Suite 4.0.2 版本更新-多项Bug修复和新手入门
- 架构师和老运维必懂的 Nginx 的热部署、热加载、平滑升级!
- k8s关于支持的cgroup driver问题-systemd
- 入门版本 MacBook Air 带给我无限惊喜
- Dynamics 365 Customer Engagement中插件的调试
- 升级本地部署的CRM到Dynamics 365及部分新特性介绍。