Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to prohibit Chrome browser activation input related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe you will have something to gain after reading this article on how to prohibit Chrome browser activation input, let's take a look.

Chrome acquiesced to add an orange border to all input boxes, which sometimes makes our site look more friendly, but it has an impact on the self-defining format. When the mouse clicks on the input box, in the googlechrome browser, when the cursor moves over the input box, the active output box is added with an orange border, and the mouse cursor moves away from the output box and is obscured by an orange border. This google browser actively adds css fancy to the output box, which has a very bad effect. Here is the intention to prevent the active input box from being added orange in Google Reader.

For example, to make a rounded input input box, if you do not have any rest on the properties of the border focus, Chrome will default to add a square border, ignoring your call to set input's border to none.

Div css invalid input box passively with orange border

In order to fight poverty, we need to stop chrome from adding borders to the activated input box in the following ways:

1. It is forbidden to add borders to all activated output boxes (recommended)

*: focus {outline: none}

two。 Prevents the border from being added to the activated output box, such as

.abc: focus {outline:none}

Note: ".abc" name the custom added class class for the input box object

3. Probably define the border name when the output box is activated.

.abc: focus {outline:Blue Solid 4px;}

Note: ".abc" is a custom css name.

This is the end of the article on "how to disable Chrome browser activation input". Thank you for reading! I believe you all have a certain understanding of "how to disable Chrome browser activation input". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.