我想从谷歌翻译按钮中删除箭头,无论我做什么,我都无法从 IE7 或 IE8 中删除它,这让我发疯了。
下面的箭头图像:
我已经能够为翻译的其余部分设置样式,但是这个箭头不会去任何地方。我用于 Chrome 和 FF 的代码是:
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:last-child
我正在运行modernizr 和所有其他的东西来增加对最后一个孩子的支持。所有的 HTML 都是有效的,所以没有激活任何 querks 模式。我什至不能用 jquery 来定位它。它太奇怪了。
任何帮助都是极好的。
抱歉应该添加这个,这是谷歌希望你放入页面的内容:
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'de,es,fr,pl,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
然后这就是它吐出来的:
<div id="google_translate_element">
<div class="skiptranslate goog-te-gadget" dir="ltr" style="">
<div id=":0.targetLanguage" class="goog-te-gadget-simple" style="white-space: nowrap;">
<img src="http://www.google.com/images/cleardot.gif" class="goog-te-gadget-icon" style="background-image: url(http://translate.googleapis.com/translate_static/img/te_ctrl3.gif); background-position: -65px 0px;">
<span style="vertical-align: middle;">
<a class="goog-te-menu-value" href="javascript:void(0)">
<span>Select Language</span>
<img src="http://www.google.com/images/cleardot.gif" width="1" height="1">
<span style="border-left-width: 1px; border-left-style: solid; border-left-color: rgb(187, 187, 187);">​</span>
<img src="http://www.google.com/images/cleardot.gif" width="1" height="1">
<span style="color: rgb(155, 155, 155);">▼</span>
</a>
</span>
</div>
</div>
</div>
它是我试图定位的最后一个跨度:
<span style="color: rgb(155, 155, 155);">▼</span>