scss 跨浏览器占位符sass mixin

Posted 2021-05-18

@mixin placeholder() { // using a mixing cause extending a class will result in parse failure
  // your styles go here
}

[placeholder] {@include placeholder()}
:-moz-placeholder {@include placeholder()}
::-moz-placeholder {@include placeholder()}
:-ms-input-placeholder {@include placeholder()}
::-o-placeholder {@include placeholder()}
::-webkit-input-placeholder {@include placeholder()}