CSS单选按钮边框如何删除它？

Question

我正在使用我们正在使用的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;
}

感谢。

Answer 1

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

Answer 2

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