Javascript 如何在mozilla浏览器的“选择环绕箭头”中删除边框和箭头

我在我的HTML中使用了select，它对其他浏览器也适用，但我在Mozilla浏览器中的select中的箭头周围有一个带边框的框 有没有办法解决这个问题？？我不想要这样的边界，只要箭头。 这是小提琴的链接

HTML

请注意：我已将外部URI包括在小提琴中。

---

谢谢你

如果你说的是蓝色边框，你可以试试这个：

.form-control {
    border: 0;
    box-shadow: none !important;
}

---

如果你说的是蓝色边界，你可以试试这个：

.form-control {
    border: 0;
    box-shadow: none !important;
}

---

请尝试使用此代码删除浏览器外观，然后重试

。你的班级{
-webkit外观：无；
-moz外观：无；
外观：无；
}

请尝试使用此代码删除浏览器外观，然后重试

。你的班级{
-webkit外观：无；
-moz外观：无；
外观：无；
}

您可以添加以下内容： -moz外观：无

select.form-control{
-moz外观：无；
-webkit外观：无；
外观：无；
背景图像：url（'https://maxcdn.icons8.com/Share/icon/Arrows//expand_arrow1600.png');
背景重复：无重复；
背景尺寸：15px；
背景位置：右中；
}
挑选{
宽度：150px；
}

空中飞行
公路弗里格特
船舶弗里格特
钢轨摩擦

您可以添加以下内容： -moz外观：无

select.form-control{
-moz外观：无；
-webkit外观：无；
外观：无；
背景图像：url（'https://maxcdn.icons8.com/Share/icon/Arrows//expand_arrow1600.png');
背景重复：无重复；
背景尺寸：15px；
背景位置：右中；
}
挑选{
宽度：150px；
}

空中飞行
公路弗里格特
船舶弗里格特
钢轨摩擦

背景图像：url（“../img/estimonial bg.jpg”）不工作（图像损坏）请检查并correct@Anant我的问题不需要那个属性。因此，我想如果您忽略背景图像的损坏图像问题（必须是shadowDOM）会更好，类似的问题可能会给出一些解释不工作（图像损坏）请检查并correct@Anant我的问题不需要那个属性。因此，我想如果您忽略背景图像（必须是shadowDOM）的损坏图像问题会更好，类似的问题可能会给出一些解释。这将删除选择框中的边框和箭头：（这将删除选择框内的边框和箭头：（不，不是蓝色边框。在Mozilla中运行选择框时，选择框内箭头周围的边框Browser@AnkurSahu尝试搜索，但结果仅显示如何隐藏它否，而不是蓝色边框。在Mozilla中运行选择框时，选择框内箭头周围的边框Browser@AnkurSahu尝试搜索，但结果仅显示如何隐藏它
.form-control {
    border: 0;
    box-shadow: none !important;
}