Javascript HtmlService-在选择元素中抑制Firefox箭头

编辑：此问题已与投票结果不同。这个问题从一开始就在问题中被提及——在试图获得每日接近票数的限制之前，请阅读问题

---

我正在使用GoogleApps脚本的HtmlService来显示一个HTML表单，包括jQuery和javascript。使用Google Doc add-ons的推荐样式表，以下是选择框在Chrome中的显示方式：

在Firefox中也有同样的情况。请注意额外的重叠箭头

我怎样才能摆脱Firefox中的覆盖

我已经尝试了中描述的技术，但是被接受的和投票率最高的答案在FF的最新版本中不再起作用，对我来说也不起作用。其他涉及溢出select并使用封闭div隐藏溢出的解决方案很有趣，但由于它们也消除了所需的“向上/向下”箭头，因此不适用于此应用程序

HTML

选择一个选项：

CSS

.width-100{
宽度：100%；
}
挑选{
高度：31px；
}

其他涉及溢出select并使用封闭div隐藏溢出的解决方案很有趣，但由于它们也消除了所需的“向上/向下”箭头，因此不适用于此应用程序

您只需要重新实现向上/向下箭头。我想你可以处理两个三角形。根据我的经验，这是解决这个问题的唯一可靠方法。

试试看

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

你可以用上面的。然而，据报道，这个技巧在Firefox v30和Firefox v35之间不起作用

对于FirefoxV30，下面的代码似乎是根据源代码运行的。 您可以抛出javascript代理来查找相应的浏览器源代码。 （window.navigator.userAgent）

请遵循此Github链接以获取进一步参考。

---

我在Firefox v37.0.1中尝试了你的代码，它看起来与Chrome和Safari完全相同（没有额外的箭头）。也许谷歌更新了他们的css文件？

@leo和其他投票者。。。在你投票结束之前，请考虑一下：1。我已经提到了，指出它们不适用于Firefox的新版本，并解释了它们不适用的原因。2.谷歌的环境影响了解决方案，“下”箭头不在我的控制之下。你说得对，我太快了。My badI在Firefox v37.0.1中尝试了您的代码，它看起来与Chrome和Safari完全相同（没有额外的箭头）。也许谷歌更新了他们的css文件？我在FF 28.0中更新了你的代码。只有当我缩小到默认的缩放级别时，我才会得到额外的箭头。这有什么帮助吗？来自谷歌搜索：感谢Christian提醒我们，一个“一直存在”的问题值得再看一眼。我不确定是在Firefox还是谷歌的css中进行了更改——不管怎样，问题都解决了，我的插件中不需要任何代码更改！是的，我知道那种感觉。祝你的插件好运！这个答案太简单了！

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<!-- The CSS package above applies Google styling to buttons and other elements. -->
<style>
.width-100 {
  width: 100%;
}
select {
  height: 31px;
}
</style>

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.styled-select { 
  overflow: hidden; 
  width: 200px;
}

@-moz-document url-prefix(){
  .styled-select select { width: 110%; }
}