#html #css
#HTML #css
Вопрос:
Когда вы нажимаете кнопку HTML button, кнопка перемещается внутрь, следовательно, текст внутри кнопки слегка перемещается вниз. Мой вопрос в том, как я могу остановить изменение кнопки (движение внутрь) при ее нажатии?
Я надеюсь, вы можете понять мой вопрос.
Комментарии:
1. Какой у вас HTML и CSS для кнопки, о которой вы спрашиваете? Обычно это связано с границами, заполнением, полями; но, не видя, что происходит с вашим CSS, я не могу понять, что предложить.
Ответ №1:
После того, как вы сделали все, что вам нравится с рамкой и т.д., Просто поместите интервал внутри кнопки вокруг текста, вот так:
<button class="button" type="submit"><span class="buttonspan">Blah</span></button>
Затем CSS становится:
button {position:relative; width:40px; height:20px /* set whatever width and height */}
buttonspan {
height: 30px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
Убедитесь, что вы установили абсолютный диапазон и относительную кнопку.. работает как шарм.
Ответ №2:
Наиболее удобным и простым ответом для всех браузеров, вероятно, является замена его изображением — это даст вам максимальный контроль, поскольку все браузеры обрабатывают кнопки по-разному.. даже если вы попробуете использовать стиль border: 0, текст в кнопке все равно может переместиться вниз в некоторых браузерах.