问如何设置"x-webkit-speech“文本输入的麦克风颜色？
EN

Stack Overflow用户

提问于 2011-12-20 00:05:52

回答 1查看 1.6K关注 0票数 4

文本输入具有黑色背景和白色墨水颜色。(我计划保留它。)如何设置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/

发布于 2012-06-11 22:44:33

您可以向input::-webkit-input-speech-button添加一些样式，这就是您所需要的。

示例：

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

*始终添加-webkit-appearance: none;

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8564012

复制

相似问题

问如何设置"x-webkit-speech“文本输入的麦克风颜色？EN