CSS 什么是焦点?

html-css014

CSS 什么是焦点?,第1张

CSS :focus

:focus 选择器用于选取获得焦点的元素。

提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。

所有主流浏览器都支持 :focus 选择器。

注释:如果 :focus 用于 IE8 ,则必须声明 <!DOCTYPE>。

<html>

<head>

<style>

input:focus

{

background-color:yellow

}

</style>

</head>

<body>

<p>在文本框中点击,您会看到黄色的背景:</p>

<form>

First name: <input type="text" name="firstname" /><br>

Last name: <input type="text" name="lastname" />

</form>

</body>

</html>

一个是获得焦点(focus),也就是鼠标放上去后改变的样式,一个是参观(visited),也就是点击过后的样式,focus与hover有点像,但是hover是永久的,而focus是短暂的