CSS :focus 选择器

时间:2024-12-17 20:07:33

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

<!DOCTYPE html>
<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> <p><b>注释:</b>如果 :focus 用于 IE8 ,则必须声明 <!DOCTYPE>。</p> </body>
</html>

注:textarea最好不要用聚焦,否则在某些情况下如flex编写的客户端中容易出现问题