添加逗号来指定多个选择器停止属性

Question

我有一点CSS阻止我的input占位符，以设置它们的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

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

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

你必须把它写成这样：
例如：

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

.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; 
} 

等。

在另一方面，这些属性可以在同样的规则被写入