A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://webplatform.github.io/docs/css/selectors/pseudo-classes/focus below:

:focus · WebPlatform Docs

:focus Summary

The :focus pseudo-class applies while an element has the focus, i.e. accepts keyboard or mouse events, or other forms of input.

In an HTML document, an element must receive focus from the user in order to become active and perform its tasks. For example, users must set input focus on a link in order to follow it. Similarly, users must give a textarea focus in order to enter text into it.

There are several ways to give focus to an element:

Examples

The following style rule will change the background color of any element that receives input focus:

*:focus {
    background-color: #ffc;
}
Related specifications
CSS 2.1
W3C Recommendation
Selectors Level 3
W3C Recommendation
Selectors Level 4
W3C Working Draft
See also Related articles Pseudo-Classes Selectors Attributions

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4