0

необходимо сделать так, что бы при наведении на блок, кнопка, находящаяся внутри блока, тоже меняла цвет.

На данный момент имеется такая картина:Без наведения

После наведения

Необходимо, чтобы кнопка тоже меняла свой цвет, а картинка менялась на другую, Белую (она у меня есть), как этого достичь?

Фрагмент кода CSS:

.service_card:hover {
  background: #00897b;
  box-shadow: 0 3px 10px  #a9bcb9;
  cursor: pointer;
  color:white;
  transition: 0.3s; 
}

Фрагмент кода HTML:

<div class="service_card">
  <img src="IMG/smartphone.png" alt="">
  <h3>Reserch</h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure at enim sapiente vero tenetur rer</p>
  <input type="submit" class="submit_service" value="READ MORE">
</div>

1 ответ 1

0
.service_card:hover > input {
  background-color: #00897b;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.