css:focus设置背景色,css获取焦点

 时间:2024-11-07 03:38:16

css提议矣把噌供了一个获取焦点的选择器(:focus),可以通过:focus选择器设置文本框获取焦点时的样式。下面案例通过input获取焦点设置其背景色设置样坜燔潮蟾式代码:input:focus{ background-color:#18A689; }

css:focus设置背景色,css获取焦点

css:focus设置背景色,css获取焦点

方法/步骤

1、打开html开发工具,新建一个html代码页面

css:focus设置背景色,css获取焦点

2、在新建的html代码页面上创建一个input文本框创建代码:<inputtype="text"/>

css:focus设置背景色,css获取焦点

3、创建获取焦点修改input背景色,在title标签后面创建一个style标签,然后在该标签里面设置使用input:focus设置背景色样式代码:input:focus{ background-color:#18A689; }

css:focus设置背景色,css获取焦点

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

css:focus设置背景色,css获取焦点

css:focus设置背景色,css获取焦点

一个简单的邮件系统设计 OPPO手机怎么开启地震预警 归类分组管理领英(LinkedIn)好友的方法 怎样在Typora中插入代码和代码块 Animate如何制作滑块滑动的动画
热门搜索
羞羞漫画免费版漫画 日本漫画大全乌全彩漫 本田凌派图片 枪械图片 大好河山图片