CSS刪除默認的藍色邊框

我有一個窗體有多個按鈕，當我使用JavaScript提交第二個按鈕時，當有人按下輸入。CSS刪除默認的藍色邊框

這個偉大的工程，但如果我在IE中打開這種形式的第一個按鈕，得到一個藍色邊框，告訴用戶「這是當你按下輸入將按下按鈕」。

有什麼辦法刪除與CSS不重寫按鈕的造型的休息嗎？

default button style

例子：

<button onclick="javascript:alert('remove');">Remove name</button>

來源

2013-05-20 Peter

一些圖像或代碼將是很好 – samayo

@phpNoOb有一個圖像（按鈕），添加了一些代碼.. – Peter

它沒有顯示藍色邊框在使用IE9我IE8 – samayo

使用此代碼：

button { border:0;}

來源

2013-05-20 11:40:35

那麼肯定它去掉了藍色邊框，但轉換的按鈕盒... – Peter

有沒有辦法有自己的自定義邊框，而不是藍色的內部邊界？我只能擺脫雙方或沒有... – thomthom

這可能會幫助你。使用下面的CSS屬性：

input, 
input:active, 
input:focus {  
    outline: 0;  
    outline-style: none;  
    outline-width: 0; 
}

來源

2013-05-20 11:58:07

這刪除了虛線（女巫我想保留），但它並沒有刪除藍色邊框thingii ... – Peter

請試試這個。我希望它能幫助你。輸入{背景：無透明; border：none; }對於演示訪問此鏈接：http：//jsfiddle.net/dEvKb/64/ –

即時消息對不起，但是從按鈕中刪除默認樣式（「有什麼方法可以刪除與CSS而不覆蓋整個按鈕樣式？） – Peter

-2

只需添加邊界半徑來開發該按鈕的外觀：

-moz-border-radius:7px; 
-webkit-border-radius:7px; 
border-radius:7px;

來源

2013-05-20 12:05:35

這也改變了佈局，一個問題是你真的嘗試了你發佈的東西，或者你只是猜測？ – Peter

我正在編程5年。如果你以解決其他問題的方式創建新問題，你可以責怪自己的技能，而不是那些給你解決問題的想法的人。 –

@TouhidRahman一個推薦，請不要把它當作冒犯，但要記住，如果你的回答不符合OP的要求，或者你的ansewr看起來毫不費力，你可能會得到否定的投票。如果你認爲不可能達到OP的要求，請解釋爲什麼它不可能（或者簡單地說「那是不可能的」），然後給出你的選擇，因此OP至少可以看到你已經嘗試過。在其他情況下，你似乎只想成爲最快的槍;） – Arkana

-1

button{border:none; border-radius:4px; -moz-border-radius:4px;}

來源

2013-05-20 12:06:20

使用此代碼：

button { 
    border : 0px; 
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    border-radius:7px; 
}

來源

2013-05-20 19:04:32

我只想移除藍色（焦點）邊框而不是正常的邊框... – Peter

認爲這應該工作（只在PC上測試IE10）：

button { outline: 0; }

要刪除（需要WebKit的/閃爍）的背景是什麼？

地址：

background: none;

需要擺脫的邊界（IE10中去除背景太）：

border: 0;

來源

2013-08-23 09:40:57

'按鈕{outline：0;}'在Chrome中完成了這個竅門。我已經刪除了背景和邊框，但是當我點擊Chrome中的按鈕時，仍然存在藍色邊框。 –

這是正確的答案，您應該通過選擇答案作爲作者信用。 – samuelkobe

#sideToggle:focus, #sideToggle:active{ 
    outline: 0;  
    outline-style:none;  
    outline-width:0; 
}

這解決了我的問題，如果其他人訪問該職位。我分別添加了自己的樣式，因爲它們確實不是問題的核心。

來源

2014-02-11 20:55:22 crazyjedi98

我的解決方案（幾個月後）

button:focus { 
outline: 0; 
box-shadow: none; 
}

來源

2014-03-12 14:12:41

CSS刪除默認的藍色邊框

回答

相關問題