2015-07-11 79 views
1

我有一個綠色背景顏色的提交按鈕。點擊它時,它會將背景顏色更改爲紅色,但單擊它後,背景顏色會變回綠色,並且按鈕周圍會有一個藍色邊框。我想知道是否有辦法擺脫藍色邊框?謝謝。單擊它後更改提交按鈕的邊框顏色,CSS,HTML

input[type=submit] { 
background-color: green; 
} 
input[type=submit]:active { 
background-color: red; 
} 

<input type = 'submit' value = 'Click me'> 

回答

2

設置outline0並添加:focus的按鈕,它已被點擊並保持關注焦點,此前,這意味着。

input[type=submit]:focus { 
    background-color: green; 
    outline: 0; 
} 
0

想要用按鈕做什麼,點擊後應該是綠色還是紅色?刪除邊界(如果elem有一個)和輪廓....應該做的伎倆。
http://www.w3schools.com/css/css_link.asp

input[type=submit]:active{ 
     background-color: green; 
     outline: 0; 
     border: none; 
    } 
+0

它應該是:集中不:活性作爲活性僅發生反應,當用戶點擊到,而不是當該元件處於焦點。 – Chrillewoodz

+0

:重點是,我誤解了這個問題。謝謝 –