介绍
小编给大家分享一下集中选择器的使用方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
焦点选择器
:焦点选择器被用来指定”表单元素”获得光标焦点时使用的样式,主要在单行文本框文本,多行文本框textarea等表单元素获得焦点并输入文本时使用。
一般情况下,获取焦点和失去焦点是针对单行文本框文本,多行文本框textarea这2个表单元素而言。
举例:
& lt; !DOCTYPE html> & lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比; & lt; head> & lt; title> CSS3:焦点选择器& lt;/title> & lt;风格类型=拔谋?css"比; 输入:焦点 { 提纲:1 px固体红; } & lt;/style> & lt;/head> & lt; body> & lt; p> & lt;标签=皀ame"在姓名:& lt;/label> & lt;输入类型=皌ext"name=皀ame"/祝辞& lt;/p> & lt; p> & lt;标签=癳mail"在邮箱:& lt;/label> & lt;输入类型=皌ext"name=癳mail"/祝辞& lt;/p> & lt;/body> & lt;/html>
效果如下:
分析:
在这里当文本框获取焦点时,使用轮廓属性为文本框添加一个红色的外轮廓线,效果如下:
以上是集中选择器的使用方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!