css的focus伪类是选择拥有焦点的元素并匹配样式,也就是说它不是一种动作(让元素获得焦点),而是根据元素的状态(是否有焦点)来选择样式。
创新互联主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务丁青,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
它们是可以一块用的,但并不是你想象的那样:
xxx:hover:focus {color:red}
这个的意思就是如果xxx拥有焦点则鼠标经过时使其文字颜色变为红色。
要想实现你要的功能,必须用js才能实现:
xxx.onmouseover=function(){
this.focus();
}
CSS :focus
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
所有主流浏览器都支持 :focus 选择器。
注释:如果 :focus 用于 IE8 ,则必须声明 !DOCTYPE。
html
head
style
input:focus
{
background-color:yellow;
}
/style
/head
body
p在文本框中点击,您会看到黄色的背景:/p
form
First name: input type="text" name="firstname" /br
Last name: input type="text" name="lastname" /
/form
/body
/html
focus实际意义是获取焦点,仅针对可输入的元素,i元素并非可输入内容元素没办法加focus,不知道你想实现什么样式
focus,alink,hover,active都是伪类
:active
向被激活的元素添加样式。
:focus
向拥有键盘输入焦点的元素添加样式。
:hover
当鼠标悬浮在元素上方时,向元素添加样式。
:link
向未被访问的链接添加样式。
文章题目:focuscss样式,focus定义
路径分享:https://www.cdcxhl.com/article24/dsdcjje.html
成都网站建设公司_创新互联,为您提供标签优化、网站建设、定制开发、用户体验、网站策划、移动网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联