"x-webkit-speech"テキスト入力時にマイクの色を設定するにはどうすればいいですか？

Question

テキストの入力には、黒色の背景と白色のインク色があります。 （そして私はそれを保つつもりです） 黒以外のウェブキットのマイクイメージの色を設定するにはどうすればいいですか？ '-webkit-text-fill-color'は、マイクイメージをクリックした後にのみアクティブになります。黒色の背景に黒色があるため、クリックするまで見ることができません。

HTML：

<input type="text" id="sid" x-webkit-speech /> 

CSS：

#sid { 
    color: white; 
    background: black; 
    -webkit-text-fill-color:#ffffff; 
} 

あなたは（灰色の背景で）ここにテストすることができます：jsfiddle.net/W65Be/

Answer 1

あなたはそれはあなたが必要とするすべてです、input::-webkit-input-speech-buttonにいくつかのスタイルを追加することができます。

例：

input::-webkit-input-speech-button { 
    -webkit-appearance: none;width: 50px;height: 30px;background-color: #CCCCCC; 
} 

*常に追加-webkit-appearance: none;