A detailed example of using the focus pseudo-class in CSS

CSS in the use of the focus pseudo-class examples of detailed;

CSS: The use of the focus pseudo-class, that is, to set the style for the element that has the focus

Example One

<! DOCTYPE html>
Above through: The Focus gives input box the style setting when the focal point is given

Example Two

: When focus is used in the navigation bar of a page, the code example is as follows:



<! DOCTYPE html>

Add:

When the element is taken to the focus, if the element is a valid link, then the link address can be entered by the "Enter" key;

The TAB key can also be used to traverse all the focusable elements to get the focus;