Есть кнопка:
<button id="random_test">
<p id="text_random_button">Случайный тест</p>
</button>
Как в css заставить её не двигаться/растягиваться по нажатии на кнопку?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКнопка может "двигаться" и/или "растягиваться" если что то меняется в layout'e (при ее нажатии) или изменяется ее собственный размер.
На примере ниже видно что сейчас она всегда на одном месте и одного и того же размера:
const handleClick = () => {
document.querySelector("p").classList.toggle("color")
}
document.querySelector("button").addEventListener("click", handleClick)
.color {
background-color: red;
}
<p>текст текст текст</p>
<button>Сменить фон текста</button>