css提议矣把噌供了一个获取焦点的选择器(:focus),可以通过:focus选择器设置文本框获取焦点时的样式。下面案例通过input获取焦点设置其背景色设置样坜燔潮蟾式代码:input:focus{ background-color:#18A689; }
方法/步骤
1、打开html开发工具,新建一个html代码页面
2、在新建的html代码页面上创建一个input文本框创建代码:<inputtype="text"/>
3、创建获取焦点修改input背景色,在title标签后面创建一个style标签,然后在该标签里面设置使用input:focus设置背景色样式代码:input:focus{ background-color:#18A689; }
4、保存html代码后使用浏览器打开,把鼠标放到input文本框上,会发现input文本框背景色会自动变化为绿色