在CSS中堆叠选择器的问题

Question

我正在尝试按如下方式堆叠css选择器。

input[type="search"]::-webkit-input-placeholder,
input[type="search"]:-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="search"]:-ms-input-placeholder {
    color:transparent;
}

然而，chrome和safari无法识别它。然而，他们认识到......

input[type="search"]::-webkit-input-placeholder {
    color:transparent;
}
input[type="search"]:-moz-placeholder {
    color:transparent;
}
input[type="search"]::-moz-placeholder {
    color:transparent;
}
input[type="search"]:-ms-input-placeholder {
    color:transparent;
}

虽然较长的版本可以使用，但它会使我的css膨胀大约4倍的当前大小。我想弄清楚我做错了什么或是不可能。