删除单选按钮周围的框答案

【问题标题】：Removing boxes around radio buttons删除单选按钮周围的框
【发布时间】：2026-01-10 10:25:01
【问题描述】：

在 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 标记了上面的每一行，以确保。

【问题讨论】：

标签： css radio-button html5boilerplate

【解决方案1】：

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

具体来说：

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

当替换为：

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

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

【讨论】：

-moz-box-shadow: 无；