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的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. HMS Core 5.1.0 版本发布公告
  2. 如何使用Safari浏览器的自动创建强密码功能保护密码安全?
  3. Safari 浏览器中自动填充用户名和密码功能介绍
  4. React UI 库:React Suite 4.0.2 版本更新-多项Bug修复和新手入门
  5. 架构师和老运维必懂的 Nginx 的热部署、热加载、平滑升级!
  6. k8s关于支持的cgroup driver问题-systemd
  7. 入门版本 MacBook Air 带给我无限惊喜
  8. Dynamics 365 Customer Engagement中插件的调试
  9. 升级本地部署的CRM到Dynamics 365及部分新特性介绍。

随机推荐

  1. Android 如何在XML文件中定义动画
  2. Android开发,使用背景图(xml drawable)为vie
  3. Android ViewFlipper的动画
  4. Android学习之路四:ImageView
  5. Android关于java.lang.NoClassDefFoundEr
  6. Android 资源文件中的符号含义与说明: @ ?
  7. 平时积累(四)
  8. Android快速开发框架
  9. android之ListView布局
  10. 安卓手机常见名词解释