Ie6 и Ie7 XHTML строгие элементы управления формы ввода имеют массивные отступы

Question

Я использую элементы управления отправкой на своей веб-странице

 <input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />

Даже когда я выключаю CSS, я получаю большой пробел перед началом и после конца текста моей кнопки. Мои кнопки тоже больше, чем я хочу. Есть ли способ стилизовать кнопки в IE6 и 7, чтобы сделать их более компактными?

Answer 1

Установить переполнение на видимое:

input {
    overflow: visible;
}

А затем установите для отступа то, что вы хотите.

Большая часть стилей, характерных для браузера, выполняется с помощью border - установите для border-width значение 0, если вы хотите использовать квадратную кнопку.

Answer 2

Вы могли бы попробовать стилизовать так:

input [type="submit"] {
    padding: 0;
    border: 0;
}

или просто добавьте класс к своей кнопке и добавьте правила стиля для этого класса.