1

Есть кнопка:

<button id="random_test">
  <p id="text_random_button">Случайный тест</p>
</button>

Как в css заставить её не двигаться/растягиваться по нажатии на кнопку?

1
  • 1
    можете уточнить что именно двигается? 23 авг 2020 в 8:44

1 ответ 1

2

Кнопка может "двигаться" и/или "растягиваться" если что то меняется в layout'e (при ее нажатии) или изменяется ее собственный размер.

На примере ниже видно что сейчас она всегда на одном месте и одного и того же размера:

const handleClick = () => {
  document.querySelector("p").classList.toggle("color")
}

document.querySelector("button").addEventListener("click", handleClick)
.color {
  background-color: red;
}
<p>текст текст текст</p>
<button>Сменить фон текста</button>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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