2012-03-15 90 views
0

應該是相當簡單的,但我迷路了,所有的搜索結果中不直接涉及到我的問題不具體的答案。的onclick按鈕邊框的顏色變化

按鈕,邊框是黑色的,但顯然,通過將邊框顏色更改爲黑色來實現「壓抑」感,所以當我點擊按鈕時,感覺「死」。沒有任何反應,所以很難判斷你是否錯過了點擊或什麼。

如何更改「onclick」邊框顏色?這樣,它可以讓「鬱悶」再次看。

.addButton { 
border-color:black; 
border-width:1px; 
background-color:#00B0F0; 
text-decoration:underline; 
} 

回答

2

最好的解決辦法是使用CSS,試試下面的代碼:

.addButton:active, 
.addButton:focus 
{ 
    border:0.5em solid #00c; /* here configure as your needs */ 
    color:#00c; 
    } 

希望幫助!

+0

嗯,我覺得那差不多了。這就是我想要的。但是,它會重置爲按鈕的「默認」外觀,並且只會在單擊時顯示它的樣式。我假設上面的代碼的一個小修改會實現這一點,但我仍然相當新的CSS。 – cphilpot 2012-03-15 22:43:00

+1

您還需要添加前面的代碼,我的意思是,你需要有.addButton,另一個用於.addButton CSS規則:主動/:重點爲我指出你,如果你喜歡也.addButton:懸停最後這句話會當鼠標在按鈕上方時修改邊框。乾杯 – spacebiker 2012-03-15 22:49:21

+0

啊,我試過了,只是做錯了。謝謝! – cphilpot 2012-03-15 23:01:02