用于SASS的组伪类的混合

Question

理想情况下，我想创建一个mixin来设置所有占位符伪类的样式。我不确定这是否可行。这就是我所拥有的：

@mixin placeholder($color) {
  ::-webkit-input-placeholder{
    color: $color;
  }
  :-moz-placeholder {
    color: $color;
  }
  ::-moz-placeholder {
    color: $color;
  }
  :-ms-input-placeholder {
    color: $color;
  }
}

理想情况下，这样使用：

input {
    &@placeholder(red);
}

并且会产生这个CSS：

  input::-webkit-input-placeholder{
    color: red;
  }
  input:-moz-placeholder {
    color: red;
  }