focus选择器的使用方法

小编给大家分享一下focus选择器的使用方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

成都创新互联公司2013年至今，先为陆河等服务建站，陆河等地企业，进行企业商务咨询服务。为陆河企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

focus选择器

:focus选择器被用来指定“表单元素”获得光标焦点时使用的样式，主要在单行文本框text、多行文本框textarea等表单元素获得焦点并输入文本时使用。

一般情况下，获取焦点和失去焦点是针对单行文本框text、多行文本框textarea这2个表单元素而言。

举例：

    
    


    
姓名：
    
邮箱：

效果如下：

分析：

在这里当文本框获取焦点时，使用outline属性为文本框添加一个红色的外轮廓线，效果如下：

以上是focus选择器的使用方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！