css提供了一个获取焦点的选择器（:focus），可以通过:focus选择器设置文本框获取焦点时的样式。下面案例通过input获取焦点设置其背景色设置样式代码：input:focus{background-color: #18A689;}方法/步骤1/4分步阅读

打开html开发工具，新建一个html代码页面

2/4

在新建的html代码页面上创建一个input文本框

创建代码：input type=text /

3/4

创建获取焦点修改input背景色，在title标签后面创建一个style标签，然后在该标签里面设置使用input:focus设置背景色

样式代码:

input:focus{

background-color: #18A689;

}

4/4

保存html代码后使用浏览器打开，把鼠标放到input文本框上，会发现input文本框背景色会自动变化为绿色

CSS获取焦点CSS焦点样式CSS的FOCUS