css样式中focus有什么用

这篇文章将为大家详细讲解有关css样式中focus有什么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

我们提供的服务有：做网站、成都做网站、微信公众号开发、网站优化、网站认证、汶上ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的汶上网站制作公司

在css中，focus的意思是“焦点”，是一种伪类选择器，作用是选取获得焦点的元素；通过“:focus”选择器可以对获取焦点的元素设置样式，语法为“元素:focus{css样式代码;}”。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

在css中，focus是焦点的意思，通常表示的是“:focus”选择器，“:focus”选择器用于选取获得焦点的元素。接收键盘事件或其他用户输入的元素都允许 :focus 选择器。

示例如下：

在文本框中点击，您会看到黄色的背景：

First name: 

Last name: 

注释：如果 :focus 用于 IE8 ，则必须声明 。

输出结果：

关于“css样式中focus有什么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。