css - 删除单选按钮周围的框

Question

在 Chrome (chromium)、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，我会很高兴！（作为记录，我用 !important 标记了上面的每一行，只是为了确定。

Answer 1

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

具体来说：

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

当替换为：

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

与 firefox 保持兼容性，而不会导致其他浏览器上出现丑陋的框