小编gue*_*119的帖子

:: - webkit-input-placeholder不起作用

我正在写一个移动网站,我正在用sass设计它.

我想更改textinput的占位符颜色,但我无法做到这一点.

这是占位符的mixin

@mixin placeholder($color) {
  ::-webkit-input-placeholder {color: $color}
  :-moz-placeholder           {color: $color}
  ::-moz-placeholder          {color: $color}
  :-ms-input-placeholder      {color: $color}
}
Run Code Online (Sandbox Code Playgroud)

然后我将它包含在一个类中

.input-class {
    @include placeholder(#FFFFFF);
}
Run Code Online (Sandbox Code Playgroud)

最后将类设置为输入

<input class="input-class" ...>
Run Code Online (Sandbox Code Playgroud)

但没有任何反应.另外我的IDE在mixins行上设置了一个错误,说我:"未知的伪选择器-webkit-input-placeholder"和chrome似乎无法识别该标记.

如何更改占位符的颜色?无论响应是sass还是css.

提前致谢.

html css webkit sass placeholder

9
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

placeholder ×1

sass ×1

webkit ×1