如何在「x-webkit-speech」文本輸入中設置麥克風的顏色？

Question

文本輸入具有黑色背景和白色墨水顏色。 （我打算保留它。） 如何設置webkit的黑色以外的麥克風圖像的顏色？ '-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;