удалите границу при фокусировке на поле ввода

Question

В этом отношении есть и другие вещи, но ни одно из решений, похоже, не работает.

Я пытаюсь избавиться от светло-голубой границы, которую Google Chrome создает вокруг любого окна ввода. Мой код:

#alphatxt:focus { 
    border: 0; 
    outline:none; 
} 

Он работает на кнопки, но не на любом поле ввода Он по-прежнему не снимает границу, я попытался несколько различных методов, которые не были рекомендованы, но до сих пор никакой радости.

Можно ли это сделать?

Благодаря

Answer 1

Постарайся делать

input:focus, 
#alphatxt:focus { 
    outline: 0; 
} 

Однако я не рекомендовал бы удалить его, как контур используется для людей, которые не имеют мыши, чтобы они могли использовать «вкладку», а также слабовидящих. http://www.outlinenone.com/

Answer 2

Вы должны переопределить outline свойство, браузер по умолчанию:

https://jsfiddle.net/hv8s8ygn/

input:focus { 
    outline: none; 
} 

Answer 3

Вы можете попробовать это будет работать

#alphatxt:focus { 
outline: none; // removes blue outline on focus 
border: 0; // removes border 
box-shadow: none; // removes shadow (for bootstrap etc) 
} 

Answer 4

Помещенный ниже CSS в вас Css файл

input[type="text"]:focus, textarea:focus 
{ 
    border: none !important; 
    outline: 0 none; 
}