ITPub博客

首页 > IT职业 > IT生活 > css点击元素变更颜色的方法

css点击元素变更颜色的方法

IT生活 作者:seiya 时间:2021-09-11 09:54:11 0 删除 编辑

两种方法

1、:active,元素点击时变色,但点击后颜色消失。

2、:focus,元素点击后变色,点击后颜色不会消失。:focus选择器用于选择获取焦点的元素。只接收键盘事件或其他用户输入的元素,允许选择focus。

实例

<div tabindex="1">
上面
</div>
 
<div tabindex="2">
中间
</div>
 
<div tabindex="3">
下面
</div>

以上就是css点击元素变更颜色的方法,希望对大家有所帮助。更多css学习指路:css教程

本文教程操作环境:windows7系统、css3版,DELL G3电脑。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4586/viewspace-2829755/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    81
  • 访问量
    677