У кнопки отправки есть фиолетовая граница вокруг этого в 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

6 ответы

Похоже, что вы удаляете границу на отделении, не на входе. Измените свой 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;
}

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

1
добавлено

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

0
добавлено
.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;
}
0
добавлено

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

0
добавлено

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

_border:none;/ для ie6 /

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

0
добавлено
Don' t забывают упоминать it' s для IE6 и IE7:)
добавлено автор Morpheus, источник
ой жаль: p благодарит исправить меня
добавлено автор Parag, источник

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

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

.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;
}
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)