focus

The focus CSS pseudo-class applies while an element has the focus.

Syntax

selector:focus
{
    property: value;
}

Examples

focus-visible

focus-within

active

any-link

blank

checked

default

defined

dir

disabled

empty

enabled

first-child

first-of-type

focus-visible

focus-within

fullscreen

has

hover

in-range

indeterminate

invalid

is

lang

last-child

last-of-type

link

local-link

modal

not

nth-child

nth-col

nth-last-child

nth-last-col

nth-last-of-type

nth-of-type

only-child

only-of-type

optional

out-of-range

picture-in-picture

placeholder-shown

read-only

read-write

required

root

scope

target

valid

visited

where

World Wide Web Consortium (W3C)

Home Menu