Через css заданы стили при наведении на кнопку:
.mybtn{
text-align: center;
padding: 8px 10px;
border: solid 1px #777777;
color: #7777777;
background:#ffffff;
tansition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
text-transform: uppercase;
}
.mybtn:hover {
color: #fff;
background: #333;
tansition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
}
<button class="mybtn">button1</button>
<button class="mybtn">button2</button>
<button class="mybtn">button3</button>
Размещаю 3 кнопки на одной странице. Вопрос такой:
Мне необходимо, чтобы при наведении на кнопки, у каждой был разный background
.
По коду видно, что при наведении, фон меняется с белого на черный.
Нужно, чтобы при наведении на:
- кнопку 1 менялся на синий
- кнопку 2 менялся на красный
- кнопку 3 менялся на зелёный