2012-03-15 88 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