这篇文章给大家介绍HTML中focus是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
:focus选择器用于选取获得焦点的元素。
:focus是一个伪类,它适用于具有焦点的元素。
:focus应用于元素具有焦点的时间内。
只要是可以接收键盘事件或其他用户输入的元素都可以使用:focus 选择器,大多数情况下:focus选择器都是被使用在链接和表单元素上的。
例子:
a:focus {outline: 1px dotted red;} input:focus {background: yellow;}
注::focus 作用于 IE8,DOCTYPE必须已声明
实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> input:focus { outline: 0; /* 去除浏览器默认样式 */ border: 2px solid rgb(238, 175, 238); background-color: rgb(255, 230, 192); text-shadow: 1px 1px saddlebrown; } </style> </head> <body> <p>点击文本输入框表单可以看到紫色边框和橘色背景:</p> <form> 用户名: <input type="text" name="username" /><br /> 密 码: <input type="password" name="password" /> </form> </body> </html>
效果图:
关于HTML中focus是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。