CSS之focus伪类选择器

  • 原创
  • |
  • 浏览：1904
  • |
  • 更新：
  • CSS之focus伪类选择器1
  • CSS之focus伪类选择器2
  • CSS之focus伪类选择器3
分步阅读

本文为你简单介绍CSS中的focus伪类选择器。

工具/原料

  • focus伪类选择器
  • webstorm

方法/步骤

  1. 1

    首先，写三个文本框。

    CSS之focus伪类选择器
  2. 2

    然后，写上focus伪类选择器。focus伪类选择器的作用为元素获得焦点的时候，会向元素添加自定义的样式。

    CSS之focus伪类选择器
  3. 2
    此文章未经授权抓取自百度经验
  4. 3

    运行结果如图所示。当我们点击某个文本框的时候，因为文本框获得了焦点，所以背景颜色变成红色。

    CSS之focus伪类选择器
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部