Question

我的input占位符有一个 CSS 块，可以设置font-size和letter-spacing。但由于某些原因，在不应该选择器时使用逗号是不可行的。

这就是我想要做的事情：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder, .lr__form-defaults > input[type="password"]::-moz-placeholder, .lr__form-defaults > input[type="password"]::-ms-input-placeholder{
    letter-spacing: initial;
    line-height: initial;
    font-size: 14px;
}

这根本不起作用（在任何浏览器上）。但是，如果我这样做：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder{
    letter-spacing: initial;
    line-height: initial;
    font-size: 14px;
}

它会正常工作。

我之前使用过逗号来定位多个选择器，所以我不知道为什么它不起作用。

感谢所有帮助，

感谢。

Answer 1

供应商特定样式必须单独编写。

如果浏览器看到一个无法识别的浏览器，它将忽略整个规则。

你必须这样写：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder{
  letter-spacing: initial;
  line-height: initial;
  font-size: 14px;
} 

.lr__form-defaults > input[type="password"]::-moz-placeholder{
  letter-spacing: initial;
  line-height: initial;
  font-size: 14px;
}

等..

另一方面，属性可以用相同的规则写成：
例如：

.myclass {
  background: linear-gradient(red, yellow);
  background: -webkit-linear-gradient(red, yellow);
  background: -moz-linear-gradient(red, yellow);
}

添加逗号以定位多个选择器会阻止属性工作

1 个答案: