问是否使用CSS或Jquery删除搜索字段中的默认Google Chrome麦克风图标？

EN

如果你查看https://google.com，你会发现驱动麦克风图标的是x-webkit-speech=""

我做了一个检查元素，并删除了该位，麦克风图标不再显示。如果你不想在你的网站上显示麦克风，也许你可以试着不包括x-webkit-speech位？

<input id="gbqfq" class="gbqfif" name="q" type="text" autocomplete="off" value="" style="border: none; padding: 0px; margin: 0px; height: auto; width: 100%; background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D); background-color: transparent; position: absolute; z-index: 6; left: 0px; outline: none; background-position: initial initial; background-repeat: initial initial; " x-webkit-speech="" x-webkit-grammar="builtin:search" lang="en" dir="ltr" spellcheck="false">

另一种选择是使用伪元素来隐藏麦克风图标(这在老版本的Chrome中有效，我不确定是否还支持x-webkit-speech，因为现在Chrome中有更强大的网络语音API )。

每当我需要隐藏图标时，我都会使用这个CSS

input::-webkit-input-speech-button {
    display : none;
}

尽管如这个问题的另一个答案所示，如果您不想显示麦克风，那么使用x-webkit-speech属性可能没有多大意义。如果您想了解包括语音合成和语音识别在内的Web Speech API，HTML5Rocks在http://updates.html5rocks.com/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-API上有一篇很好的文章。