單選按鈕，在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

回答

相關問題