У кнопки отправки есть фиолетовая граница вокруг этого в IE, но не в Хроме. Как я избавляюсь от него в IE?

Question

У кнопки отправки есть фиолетовая граница вокруг этого в IE, но не в Хроме. Как я избавляюсь от него в IE?

У моей кнопки отправки есть фиолетовая граница вокруг этого в IE, но не в Хроме. Как я избавляюсь от него в IE?

Image: (Top one is in IE, Bottom one is in Chrome - I just cropped it into an image) http://i.imgur.com/Qb6pI.png

Мой код:

HTML:

<div style="float:right; border:0px;">
    <input type="submit" class="submitorder"/>
</div>

CSS:

.submitorder {
background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
background-position: 0px 0px;
width: 205px;
height: 52px;
font-size:0px;
}

.submitorder:hover {
background-position: 0px -62px;
}

0

добавлено 09 Январь 2013 в 04:28 автор James Anderson

Просмотры: 3

источник

ro nl ja fr pt de ar kk uz be tr uk

6 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Система управления ссылками ReDirector 3.0

Автор: Евгений Попов

Инструменты успешного делегирования

Автор: Евгений Попов

Мини-курс по Angular и NgRx

16 видео-уроков

Супер After Effects 2

От команды Video-Smile

автор langauld · Answer 1 · 2013-01-09T04:34Z

Похоже, что вы удаляете границу на отделении, не на входе. Измените свой CSS к следующему:

.submitorder {
    background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
    background-position: 0px 0px;
    width: 205px;
    height: 52px;
    font-size:0px;
    border: 0 none;
}

Это должно уладить вас.

автор dev · Answer 2 · 2013-01-09T04:36Z

Fore IE try adding outline: 0; & border:none

автор Ankit Agrawal · Answer 3 · 2013-01-09T06:16Z

.submitorder {
background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
background-position: 0px 0px;
width: 205px;
height: 52px;
font-size:0px;
outline:none;
border:none;
}

автор TKrugg · Answer 4 · 2013-01-09T04:35Z

я не могу на самом деле видеть фиолетовый, о котором вы говорите, он - типичная проблема с IE. Вы могли избавиться от него только, добавив border:none к вашему CSS.

автор Parag · Answer 5 · 2013-01-09T04:34Z

попробуйте следующий код *граница: ни один;/ для ie7 /

_border:none;/ для ie6 /

border:none \0/IE9;/* ie9 конкретный не уверенный* /

автор evilscary · Answer 6 · 2013-01-09T04:35Z

Прежде всего встроенные стили никогда не хорошая практика.

Что касается границы, попробуйте:

.submitorder {
border: none;
background-image: url('https://www.amleo.com/images/art/SubmitOrderSprite.png');
background-position: 0px 0px;
width: 205px;
height: 52px;
font-size:0px;
}