Ie6 и Ie7 XHTML строгие элементы управления формы ввода имеют массивные отступы
-
06-07-2019 - |
Вопрос
Я использую элементы управления отправкой на своей веб-странице
<input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />
Даже когда я выключаю CSS, я получаю большой пробел перед началом и после конца текста моей кнопки. Мои кнопки тоже больше, чем я хочу. Есть ли способ стилизовать кнопки в IE6 и 7, чтобы сделать их более компактными?
Решение
Установить переполнение на видимое:
input {
overflow: visible;
}
А затем установите для отступа то, что вы хотите.
Большая часть стилей, характерных для браузера, выполняется с помощью border - установите для border-width значение 0, если вы хотите использовать квадратную кнопку.
Другие советы
Вы могли бы попробовать стилизовать так:
input [type="submit"] {
padding: 0;
border: 0;
}
или просто добавьте класс к своей кнопке и добавьте правила стиля для этого класса.
Не связан с StackOverflow