2014-02-09 64 views
3

我不想藍色邊框當你點擊一個按鈕,沒有原來的邊界,這裏是HTML:當你刪除原始邊框時,如何刪除一次按下的藍色突出顯示?

<div id="buttonholder" style="border 1px solid black"> 
    <button id="previous">&lt; Previous round</button> 
    <button id="next">Next round &gt;</button> 
    <button id="current">&gt; Current round&lt;</button> 

    <div style="font-size: 0;"> 
     <form id="inputfield" name="inputfield"> 
      <input type="inputfield" value="Search for round here..."> 
      <input type="button" value="Go"> 
     </form> 
    </div> 

    <div id="displayround"> 
     1/38 
    </div></button> 
</div> 

如果我需要發佈整個CSS讓我知道,只是將它添加到html中以使其縮短。

回答

0

其造成outline財產的大多數瀏覽器默認樣式的:active狀態

button:active, input[type="button"]:active { 
    outline: none; 
} 
+0

認爲這會工作,但它使藍色仍然出現? :/ –

+0

也嘗試邊框:無 – DMTintner

0

我想你要找的是使用的:訪問在你的CSS。

如果它是一個錨標記,嘗試

a:visited { 
    text-decoration: none; 
    border: none; 
    color: black; /* change to your desired color */ 
} 
4

在Chrome中至少,藍色邊框是focus僞類,而不是active的結果。

設置在選擇outline: none,它會消失:

button:focus, input[type="button"]:focus { 
    outline: none; 
} 
相關問題