CSS单选按钮边框怎么去掉呢？答案

【问题标题】：CSS radio button border how to remove it?CSS单选按钮边框怎么去掉呢？
【发布时间】：2014-12-17 17:18:22
【问题描述】：

我正在对我们使用的 CMS 生成的联系表单进行样式设置。我唯一的问题是我现在不知道如何删除它的边框。在输入类型上，您通常会执行border: none !important;，然后就完成了。只有我不知道如何删除边框，所以我只有一个白色的子弹，而不是它周围的黑色边框。

上面我放了图片。我不想删除它上面的黑色边框。我如何通过使用 css 来做到这一点？

HTML

<span class="cms-form-field" style="width: 60%;">
<label>
    <input class="cms-form-field-radio" type="radio" value="Ik wil extra informatie" data-error-message="" placeholder="" name="field_62" />
    Ik wil extra informatie
</label>
</br>
</span>

CSS

.cms-form-row input, 
.cms-form-row select, 
.cms-form-row textarea, 
.cms-form-field, 
.cms-form-label {
    box-sizing: border-box;
    padding: 3px;
}
.cms-form-field-radio {
    margin: 0 11px 0 0;
}
body, input, textarea {
    box-sizing: border-box;
}
* {
    color: #2e3645;
    font-family: "museo-sans","Open Sans",sans-serif;
    margin: 0;
}
* {
    margin: 0;
    padding: 0;
}

谢谢。

【问题讨论】：

你能把你的代码贴出来

标签： html css radio-button

【解决方案1】：

我认为没有办法完全删除边框，但您可以更改边框颜色或为您的输入自定义样式，例如 [http://codepen.io/MightyShaban/pen/afDKe][1] 或 this 希望对您有所帮助。

【讨论】：

【解决方案2】：

也许这适合你； http://viralpatel.net/blogs/css-radio-button-checkbox-background

【讨论】：