纯css实现点击li切换颜色

最新推荐文章于 2024-05-07 10:54:38 发布

weixin_33736649

最新推荐文章于 2024-05-07 10:54:38 发布

阅读量7k

点赞数 2

文章标签： ui

原文链接：https://juejin.im/post/5c8f074f51882545ce217f23

版权

需求：点击某个li修改其颜色，其它还原。

注意：实现此功能，必须要给每个li添加tabindex='1'属性

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <style>
          #com_header{
              width: 100%;
              height: 60px;
              background-color: #3667AB;
          };
          #com_headtop{
              
          }
          #com_headtop>li{
              float: left;
              width: 150px;
              height: 60px;
              line-height: 60px;      
              text-align: center;
              color: #fff;
              cursor:pointer;

最低0.47元/天解锁文章

weixin_33736649

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
纯css实现点击li切换颜色

需求：点击某个li修改其颜色，其它还原。注意：实现此功能，必须要给每个li添加tabindex='1'属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi...
复制链接

扫一扫