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

+1

Вам нужно добавить и ваш предыдущий код, я имею в виду, что вам нужно иметь правило css для .addButton, другое для .addButton: active /: focus, как я указал вам, и если вам нравится .addButton: наведите этот последний оператор на измените границу, когда мышь над кнопкой. Cheers – spacebiker

+0

А, я попытался это сделать, просто сделал это неправильно. Благодаря! – cphilpot

Смежные вопросы