[瞎聊css] :focus 不能被忽略的一个伪类

AD:

:Focus 是一个伪类,用于选择用户关注的元素处于获得焦点的状态

举个例子,比如当光标落入输入框时,就可以用到 :Focus。大部分表单都有:Focus状态、a链接也会有。

这是一个很简单的例子,它的作用就是当光标落入输入框时,背景变颜色。但是通常在写:Focus的时候,还会再添加一个 outline 主要用于清除浏览器里自带的默认样式,就是那个不知道哪里来的蓝色框。

看这下是不是觉得少那个莫名奇妙的框变得好多了?,当然我们可以自己定义边框、投影甚至是个过渡动画。

怎么样你学会了么

还没有任何评论,你来说两句吧

发表评论

关注我们