找回密码
 立即注册

QQ登录

只需一步,快速开始

renho 活字格认证

银牌会员

81

主题

1269

帖子

3356

积分

银牌会员

积分
3356

活字格高级认证

QQ
renho 活字格认证
银牌会员   /  发表于:2021-6-4 01:22  /   查看:6274  /  回复:14
图文列表是比较常用的一个功能,但是没有选中效果

会前端的人很容易就搞定的,但是就怕有人不会

所以我们来最简单粗暴的办法实现这么个效果


CSS如下:

  1. .clickableRepeater .repeater-item:hover {
  2.     border: #009ad6 solid 1px;
  3. }

  4. .selectRepeater .repeater-item:hover {
  5.     background: #7bbfea;
  6. }
复制代码
演示效果如下:
图片.png663675536.png
图片.png533641356.png
演示工程文件:

选中效果.fgcc (82.58 KB, 下载次数: 560)

14 个回复

倒序浏览
aatest
高级会员   /  发表于:2021-6-4 10:07:29
沙发
666  顶起···
回复 使用道具 举报
aatest
高级会员   /  发表于:2021-6-4 10:16:32
板凳
哥子 能整个 选中后 改变背景色的css不呢
回复 使用道具 举报
djs521720讲师达人认证 悬赏达人认证 活字格认证
金牌服务用户   /  发表于:2021-6-4 14:22:30
地板
谢谢分享
回复 使用道具 举报
绿之雪
金牌服务用户   /  发表于:2021-6-4 16:12:25
5#
赞赞赞
回复 使用道具 举报
renho活字格认证
银牌会员   /  发表于:2021-6-5 00:56:07
6#
aatest 发表于 2021-6-4 10:16
哥子 能整个 选中后 改变背景色的css不呢

点击背景变色  你可以用  设置单元格属性  实现
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2021-6-9 23:56:04
7#
感谢分享,谢谢!
   
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2021-6-9 23:56:14
8#
感谢分享,谢谢!
   
回复 使用道具 举报
储钱罐儿
初级会员   /  发表于:2021-6-14 11:42:25
9#
V587太厉害了,学习一下
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2021-6-16 08:40:11
10#
CSS需要花多久学会呀
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部