单选按钮，在IE和Firefox

这里额外的轮廓显示是我的单选按钮代码单选按钮，在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工作finr当您选择比单选按钮显示大纲但在去其下一个元素之后没有。我也有同样的问题在同一页面的其他单选按钮。所以任何人都可以帮我删除这些轮廓？预先感谢您的时间

来源

2014-11-24 Neerav Patel

你试过轮廓属性CSS [W3Schools Outline]（http://www.w3schools.com/css/css_outline.asp） – Billy 2014-11-24 22:11:40

@Billy我试过轮廓颜色：#ffffff;但那不起作用 – 2014-12-02 18:57:35

我得到了答案。所以问题出现在Firefox中，它在IE中是边框。

所以为了消除这两个我必须把

border：none; 概要：无; 在我的样式表和挥发...一切工作完美。

来源

2014-12-03 19:04:42

Chromium增加了一个轮廓焦点元素，甚至像div的元素....我很惊讶它发生在IE和壁虎，而不是webkit ......

样式表必须使用-webkit前缀....（使用Webkit开发工具来追踪你的元素样式规则......用-webkit-前缀什么是proprietry到WebKit浏览器。

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

*：focus {outline：none}

在你的引导CSS。

来源

2014-11-25 00:47:03

我试过了。不工作。也许你可以建议我确切的地方，可能是我把它放在错误的地方 – 2014-12-02 18:54:08

单选按钮，在IE和Firefox

回答

相关问题