html设置选择框不可取消,html-无法从Firefox选择下拉菜单中删除轮廓/虚线边框

这个问题已经在这里有了答案：

从FF的选择框中删除轮廓                                     11个答案

我的样式向下，但是在Firefox中单击时无法删除虚线边框。 我使用了outline: none，但仍然无法正常工作。 有任何想法吗？

CSS：

.styled-select {

background: lightblue;

font-size: 20px;

height: 50px;

line-height: 50px;

position: relative;

border: 0 none !important;

outline: 1px none !important;

}

.styled-select select {

background: transparent;

border: 0;

border-radius: 0;

height: 50px;

line-height: 50px;

padding-top: 0; padding-bottom: 0;

width: 100%;

-webkit-appearance: none;

text-indent: 0.01px;

text-overflow: '';

border: 0 none !important;

outline: 1px none !important;

}

HTML：

Option one

Another option

Select this

Something good

Something bad

请参阅此jsFiddle。