Css 如何在Firefox中删除选择框的虚线边框

在Firefox中选择选择框时，会得到一个虚线边框。我怎样才能删除它？请看图片

---

这样做：

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

您必须使用此伪选择器

：：-moz focus-internal

，因为此边框是Firefox的“内部焦点样式”

---

（代码：）

执行以下操作：

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

您必须使用此伪选择器

：：-moz focus-internal

，因为此边框是Firefox的“内部焦点样式”

---

（代码：）

将以下内容添加到您的CSS中，它会修复它

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

---

将以下内容添加到您的CSS中，它会修复它

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

---

如何设置选择框的样式？我不能让它工作？我发布了我的代码。@Pavel：是的，这个技巧适用于按钮和其他元素。但是对于

选择
似乎有所不同。检查我的答案，看看它是否适合你。如何设置选择框的样式？我不能让它工作？我发布了我的代码。@Pavel：是的，这个技巧适用于按钮和其他元素。但是对于
选择
似乎有所不同。检查我的答案，看看它是否适合您。@wumm:Yup mate，一些特定于浏览器的实现：（这在构建可重用组件时不起作用-您无法知道其中的文本颜色。它必须被继承，因为您正在设置
color
，所以不能使用
currentColor
属性。@Thany抱歉，但我们为什么要知道文本颜色？代码只是将焦点环的颜色设置为透明，并使属性无效。）外部阴影（有效）。文本的颜色在这里不会/应该没有影响。你能为你有问题的场景创建一个小提琴演示吗？@Harry，上面的代码用人造阴影重置文本颜色，并将其硬编码为#000。我不想要黑色文本，我想要适当的文本颜色。如果我想让它成为一个可重用的组件，我不能盲目地假设black text everywhere-我必须知道实际使用的颜色。@Thany我想你需要缓慢而正确地阅读答案。它会重置特定于Mozilla的样式元素的颜色和阴影，而不是你的实际选择框。@wumm:Yup mate，一些特定于浏览器的实现：（这在构建可重用组件时不起作用-您无法知道其中的文本颜色。它必须被继承，因为您正在设置
color
，所以不能使用
currentColor
属性。@Thany抱歉，但我们为什么要知道文本颜色？代码只是将焦点环的颜色设置为透明，并使属性无效。）外部阴影（有效）。文本的颜色在这里不会/应该没有影响。你能为你有问题的场景创建一个小提琴演示吗？@Harry，上面的代码用人造阴影重置文本颜色，并将其硬编码为#000。我不想要黑色文本，我想要适当的文本颜色。如果我想让它成为一个可重用的组件，我不能盲目地假设black text everywhere-我必须知道实际使用的颜色。@Thany我想你需要缓慢而正确地阅读答案。它会重置Mozilla特定样式元素的颜色和阴影，而不是实际的选择框。