占位符样式不适用于chrome？

Question

我有这个代码在chrome和Internet Explorer中完美运行。但是每当我结合下面的CSS样式时，它只能在Internet Explorer中工作，但不能在chrome中工作。

有人关于这种奇特的行为吗？

＆＃13;

＆＃13;

.searchBar{
	height:50px;
	width:200px;
	background-color:#9a005f;
	color:#fff;
}
.searchBar:focus{
	background-color:#9a445f;
}
.searchBar::-webkit-input-placeholder{
color:#fff;
}
.searchBar::-ms-input-placeholder{
	color:#fff;
}

＆＃13;

<input type="text" class="searchBar" placeholder="Search for..."/>

＆＃13;

＆＃13;

＆＃13;

编辑： 以下内容不适用于我的Chrome，但在IE中工作。

＆＃13;

＆＃13;

.searchBar{
	height:50px;
	width:200px;
	background-color:#9a005f;
	color:#fff;
}
.searchBar:focus{
	background-color:#9a445f;
}
.searchBar::-webkit-input-placeholder,
.searchBar::-ms-input-placeholder{
    color:#fff;
}

＆＃13;

<input type="text" class="searchBar" placeholder="Search for..."/>

＆＃13;

＆＃13;

＆＃13;

Answer 1

我已经在互联网上进行了一些搜索，我发现了我认为the answer对你的问题。

  

不要混合供应商前缀选择器（-moz，-webkit，-ms，...）。   例如Chrome不会理解“-moz-”然后忽略整体   选择器。