删除单选按钮周围的框

Question

在Chrome（铬），IE浏览器和Opera浏览器上，但不是Firefox，我有一些难看的盒子（当使用悬停阴影效果时更糟糕。）

产生此效果的代码必须不止一次出现，因为当我删除几个css文件时它只会消失。

我的css文件中没有特别提及type =“radio”。单选按钮附加到的表单有自己的类。

尝试重置与单选按钮相关的CSS 我用过

#resetter {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

然后将单选按钮的ID设置为“resetter”，但没有明显的变化。如果有一些方法来删除影响单选按钮的这个错误的CSS，我会很高兴！ （为了记录，我标记了上面的每一行！重要，只是为了确定。

Answer 1

它没有在Firefox中出现的事实帮助我解决了这个问题：它不是边界而是阴影。

具体做法是：

-webkit-box-shadow: rgba(?, ?, ?, ?) ?px ?px ?px;

替换为：

-moz-box-shadow: ?px ?px ?px #?;

与firefox保持兼容性，而不会在其他浏览器上导致丑陋的盒子