html获得焦点时改变效果,css怎么设置焦点元素的样式？在CSS中，可以使⽤:focus选择器来设置焦点元素的样式。下⾯本篇⽂章就来给⼤家介绍⼀下CSS :focus选择器，希望对⼤家有所帮助。
:focus是css的⼀个伪类选择器，可以⽤来选取获得焦点的元素，然后为这些获得焦点的元素设置样式。
:focus选择器被⽤来指定“表单元素”获得光标焦点时使⽤的样式，主要在单⾏⽂本框text、多⾏⽂本框textarea等表单元素获得焦点并输⼊⽂本时使⽤。
⼀般情况下，获取焦点和失去焦点是针对单⾏⽂本框text、多⾏⽂本框textarea这2个表单元素⽽⾔。
举例：
CSS3 :focus选择器
html内容文本框input:focus
{
outline:1px solid red;
}
姓名：
邮箱：
效果如下：
分析：
在这⾥当⽂本框获取焦点时，使⽤outline属性为⽂本框添加⼀个红⾊的外轮廓线，效果如下：
更多前端开发知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。