Поле ввода фокус Boarder различное поведение в Chrome и Firefox

Вот вопрос, у меня есть поле ввода, и я поставил:Поле ввода фокус Boarder различное поведение в Chrome и Firefox

outline: none !important;

В Chrome, когда я набираю в некоторых письмах, он отлично работает. Однако, когда я тестирую его в Firefox, появляется фиолетовая рамка фокуса.

Как отключить его?

Вот HTML-файл:

<html> 
    <head> 
    <style type="text/css"> 

    .input-large{ 

    position: absolute; 
    width: 800px; 
    margin: 0 auto;; 
    background: transparent; 
    font-size: 150px; 
    text-align: left; 
    border: 0; 
    letter-spacing: 35px; 
    outline: none !important; 
    font-family: Courier New !important; 


    } 

    </style> 
    </head> 
    <body> 


    <input class="input-large" type="text" pattern="[0-9]*" maxlength="5" size="5" autofocus> 


    </body> 
    </html>

источник

2013-08-15 JavaScripter

позволяет попробовать .. '-moz-набросков: нет;' –

Попробовал этот код, но он все еще там ... – JavaScripter

input { 
    -moz-box-shadow: none; 
}

Сделать поле ввода-тень ни в Mozilla Firefox. Попробуйте использовать это, он отлично работает для меня.

источник

2013-08-15 06:44:03

Спасибо! Оно работает!!!! – JavaScripter

У каждого input поля есть связанное с этим свойство :invalid, по умолчанию его отображает как красный контур/тень в firefox.

переопределить это добавить следующий код в CSS

.input-large:invalid 
    { 
    box-shadow: 0 0 0 white; 
    -moz-box-shadow: 0 0 0 white; 
    }

С уважением

Шива

источник

2013-08-15 07:10:40 Shiva

Спасибо Шива – JavaScripter

Поле ввода фокус Boarder различное поведение в Chrome и Firefox

ответ

Смежные вопросы