E:focus

:focus伪类应用于元素被聚焦时。(来源: W3C)

HTML:

  1. <input type="text" name="example-field" id="example" />

CSS:

  1. input{color:black}
  2. input:focus{color:red}

输出:

在这个例子中,当你将光标聚焦到输入框的时候,文字将会变成红色。