プレースホルダスタイルはクロームでは機能しませんか？

Question

私はこのコードをクロムとInternet Explorerで完璧に動作させています。しかし、以下のようなCSSスタイルを組み合わせると、Internet Explorerでは動作しますが、Chromeでは動作しません。

この特有の動作については誰か？

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

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

EDIT： 以下は私のクロームでの作業が、IEで動作していません。

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

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

Answer 1

私は、インターネット上でいくつかの検索を行ってきたと私は私があなたの質問にthe answerであると考えているものを見つけました。

ベンダープレフィックスセレクタ（-moz、-webkit、-ms、...）を混在させないでください。 たとえば、Chromeでは "-moz-"が認識されず、 セレクタが無視されます。