选择框在鼠标选择上放置虚线矩形

Question

当我在其中选择鼠标时，我的选择框会放置一个虚线矩形。我怎么能清除这个？

我看到很多人都有同样的问题，并且接受了他们的输入，我用这些属性更新了我的css，但没有用。

select::-moz-focus-inner {
  border: 0;
  outline: 0;
}
select{
  color: #000;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;
  margin: 10em 10em;
}    
select::-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

我在Ubuntu 14.04上使用Firefox 38.0

Answer 1

试试这个 -

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

Answer 2

为select和option标签应用css属性最终删除了虚线......

select::-moz-focus-inner, option::-moz-focus-inner {
  border: 0;
  outline: 0;
}
select, option{
  color: #000;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;
  margin: 10em 10em;
}    
select::-moz-focusring, option::-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}