是否可以使text-indent属性仅适用于chrome，safari？

Question

我有一个左侧有图标的组合框。在chrome中，它看起来像第二个图像重叠图标和文本 -

所以为了解决这个问题，我使用了text-indent，因为在chrome和safari浏览器中不要考虑填充。

现在问题在chrome和safari中解决了。但问题是在firefox中，padding和text-indent都考虑过了。它看起来像 -

为了限制firefox，我写了像css一样的

.filter:not(*:root) {
    text-indent: 19px;
}

仍为firefox 53.0考虑文本缩进。

此问题的解决方法是什么？

Answer 1

这与此问题类似： Firefox select element doubles text-indent value

仅为firefox重置text-indent：

@-moz-document url-prefix() {
    select {
        text-indent: 0;
    }
}