renho 发表于 2021-6-4 01:22:43

分享篇十二:超简单实现图文列表选中效果

图文列表是比较常用的一个功能,但是没有选中效果

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

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


CSS如下:

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

.selectRepeater .repeater-item:hover {
    background: #7bbfea;
}演示效果如下:


演示工程文件:



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

赞赞赞

renho 发表于 2021-6-5 00:56:07

aatest 发表于 2021-6-4 10:16
哥子 能整个 选中后 改变背景色的css不呢

点击背景变色你可以用设置单元格属性实现

sz_xd 发表于 2021-6-9 23:56:04

感谢分享,谢谢!
:hjyzw:   

sz_xd 发表于 2021-6-9 23:56:14

感谢分享,谢谢!
:hjyzw:   

储钱罐儿 发表于 2021-6-14 11:42:25

V587太厉害了,学习一下

Aa金砂 发表于 2021-6-16 08:40:11

CSS需要花多久学会呀
页: [1] 2
查看完整版本: 分享篇十二:超简单实现图文列表选中效果