Html 单选按钮在IE和firefox中显示，带有额外的轮廓

这是我单选按钮的代码

<div class="question">
    <label for="gender" style="display: none">Gender</label>
    <fieldset class="two-radio">
        <legend>Gender</legend>
        <label>
            <input type="radio" id="gender" name="gender" class="radioInput" 
                ng-model="namedInsured.gender" value="Male" required> Male
        </label>
        <label>
            <input type="radio" id="gender" name="gender" class="radioInput" 
                ng-model="namedInsured.gender" value="Female" required> Female
        </label>
    </fieldset>
</div>

性别
性别
男性
女性

它在chrome中工作，但在IE中显示虚线轮廓，在firefox中，当您选择单选按钮时，它会显示轮廓，但在进入下一个元素后，它不会。 我也有其他单选按钮在同一页与相同的问题。 有人能帮我去掉这些轮廓吗？

---

提前感谢您的时间

Chromium为重点元素添加了一个提纲，甚至对div等元素进行分组。。。。我很惊讶它发生在IE和Gecko中，而不是webkit中

您的样式表必须使用-webkit前缀…（使用webkit开发工具跟踪元素上的样式规则…任何带有-webkit前缀的内容都适用于webkit浏览器

要删除焦点元素上的轮廓，请使用

*：焦点{大纲：无}

---

在你的引导css中。

我得到了答案。所以问题是在firefox中，它是大纲，而在IE中，它是边框

因此，为了消除这两个问题，我必须

边界：无； 大纲：无；

---

在我的样式表和vola中……一切都很好。

你试过轮廓属性CSS@Billy吗？我试过轮廓颜色：#ffffff；但那也不起作用。不起作用。可能是你能给我建议确切的位置，可能是我把它放错位置的原因