Какой-либо способ удалить IES черная граница вокруг кнопки отправки в активных формах?

hackish решение могло бы состоять в том, чтобы использовать разметку как это:

<button><span>Go</span></button>

и применяют Ваши стили границ к элементу промежутка.

Право, хорошо вот ужасная фиксация для Вас для уравновешивания... Засуньте кнопку в <span>, уничтожьте границу на кнопке и дайте границу промежутку вместо этого.

IE немного сомнителен о полях элемента формы, таким образом, это не могло бы работать точно. Возможно, давая промежутку тот же фон, поскольку кнопка могла бы помочь в этом отношении.

span.button {
    background: #eee;
    border: 1px solid #ccc;
}

span.button input {
    background: #eee;
    border:0;
}

и

<span class="button"><input type="button" name="..." value="Button"/></span>

Лучшее решение, которое я нашел, должен переместить границу в переносящийся элемент, как это:

<div class='submit_button'><input type="submit" class="button"></div>

С этим CSS:

.submit_button         { width: 150px; border: 1px solid #ccc; }
.submit_button .button { width: 150px; border: none; }

основная проблема с этим решением состоит в том, что кнопка теперь является элементом блока и должна быть фиксированной шириной. Мы могли использовать встроенный блок, за исключением того, что Firefox2 не поддерживает его.

Любые лучшие решения приветствуются.

, если вы не хотите добавлять обертку к кнопке ввода / ввода, попробуйте сделать это. Поскольку это недопустимый CSS, сделайте sre его только для IE. Имейте границу, как в других браузерах, но используйте фильтр: chroma для IE ...

<!--[if IE]>
<style type="text/css">
input {
filter:chroma(color=#000000);
border:none;
}
</style>
<![endif]-->

работал для меня.

Я думаю фильтр: цветность (цвет = # 000000); Как было сказано ранее, это лучшее, что вы можете подать в определенном классе. В противном случае вам придется применить дополнительный тег к каждой имеющейся у вас кнопке, если, конечно, вы используете классы.

.buttonStyle { фильтр: цветность (цвет = # 000000); ЦВЕТ ФОНА: # E5813C твердый; ГРАНИЦА-НИЖНИЙ: #cccccc 1px solid; ЛЕВАЯ ГРАНИЦА: #cccccc 1px solid; ПРАВАЯ ГРАНИЦА: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; ЦВЕТ: # FF9900; FONT-FAMILY: Verdana, Arial, Helvetica, без засечек; РАЗМЕР ШРИФТА: 10 пикселей; FONT-WEIGHT: жирный; ТЕКСТ-ДЕКОРАЦИЯ: нет; } Это сделало это для меня!

Добавить * границу: нет Это удаляет границу для IE6 и IE7, но сохраняет его для других браузеров

При использовании техники раздвижных дверей используйте два пролета внутри кнопки . И исключите любое форматирование на кнопке в вашем замещении IE.

<button><span class="open">Search<span class="close"></span></span></button>

Я нашел ответ, который подходит мне на другом форуме. Удаляет нежелательную черную рамку в ie6 и ie7. Вероятно, что некоторые / многие из вас не разместили свой input = "submit" в тегах формы. Не упускайте это из виду. У меня это сработало после того, как я попробовал все остальное.

Если вы используете кнопку отправки, убедитесь, что она находится в форме, а не только в наборе полей:

<form><fieldset><input type="submit"></fieldset></form>

Я знаю, что мне почти 2 года поздно к игре, но я нашел другое решение (по крайней мере, для IE7).

Если вы добавите еще один input type = "submit" в форму перед любой другой кнопкой отправки в форме, проблема исчезнет. Теперь вам просто нужно скрыть эту новую кнопку, поглощающую черную рамку.

У меня это работает (переполнение должно быть "автоматическим"):

<input type="submit" value="" style="height:0;overflow:auto;position:absolute;left:-9999px;" />

Примечание: я использую doctype HTML5 ( ).