Неизменная граница входного изображения в FF/CH/SAF/IE8?

Я нашел очень странную вещь.

Я жаловался на это раньше, но никто не видит здесь старых вопросов.

Вот пример.

Это прекрасно работает только в Opera... В Firefox, Chorme, Safari и IE8 вокруг этой кнопки есть рамка... И я понятия не имею, ПОЧЕМУ? Как удалить границу?

Спасибо.


image input html css
person fomicz    schedule 14.09.2010    source источник
comment
Точная копия Отправить границу изображения в Safari и Chrome?. Пожалуйста, подождите более четырех часов, прежде чем отказаться от ответа на вопрос, и даже тогда вы никогда не должны отправлять точную копию.   -  person Ben Blank    schedule 14.09.2010
comment
Здесь нет идей. Я продолжу искать, хотя.   -  person Ryan Kinal    schedule 14.09.2010
comment
@Бен, согласен. Есть ли способ проголосовать за слияние? Ответы здесь кажутся более полезными, чем в другом.   -  person David says reinstate Monica    schedule 14.09.2010
comment
@David - Не то, чтобы я знал об этом, но это звучит как хорошая идея для Meta! ;-)   -  person Ben Blank    schedule 14.09.2010

Ответы (2)


arrow_upward
0
arrow_downward

Как уже отмечали другие, вы определили кнопку в стиле «изображение», но не предоставили исходный URL-адрес, что привело к сломанному изображению.

Самое простое решение — изменить type="image" на type="button", что удалит иконку сломанного изображения и рамку.

person Ben Blank    schedule 14.09.2010

arrow_upward
2
arrow_downward

Это потому, что вы установили тип изображения и не определили URL-адрес изображения... вы установили фоновое изображение с помощью CSS.

Измените свой элемент на диапазон или что-то подобное, и это решит проблему, а также добавьте курсор в качестве указателя в css, это даст пользователю идею щелкнуть по нему. затем используйте событие onclick для отправки.

person JamesStuddart    schedule 14.09.2010
comment
Кроме того, если вы измените type="image" на submit или reset, граница исчезнет. Кроме того, будет ли элемент <button> более подходящим и более удобным для стиля. - person David says reinstate Monica; 14.09.2010
comment
неправильно, определение фоновых изображений для элементов должно быть сделано в CSS, единственный раз, когда вы должны использовать теги изображений, это показывать внешние изображения, это способ, которым поисковые системы обнаруживают изображения для поиска изображений. - person RobertPitt; 14.09.2010
comment
Ваш комментарий совсем не по теме? изображение было определено без фактического URL-адреса изображения, поэтому браузеры жалуются на отсутствие изображения. фоновые изображения должны быть определены с помощью CSS да! но это не то, что здесь обсуждается... - person JamesStuddart; 15.09.2010