图文列表选中高亮的一个方法

效果：点击获得焦点后切换背景色，背景色在自定义css文件里设置。



页面js文件，对每项添加tabindex属性，不然css的:focus无效。



自定义css文件内容：

.repeater-item:focus{
    background : LightGray;
}
颜色LightGray根据下面的链接内容自己改。
https://www.runoob.com/cssref/css-colornames.html

选择后有边框难看，请问怎么去除外边框？

代码里没有添加边框，怎么会有呢？换个浏览器看看。

更新了一下代码
直接在页面加载命令里加代码
var reload = function() {
        $("div.repeater-item").attr({ tabindex: "1"});
}
var page=Forguncy.Page;
page.bind("pageDefaultDataLoaded", reload);
var listview = page.getListView("表格1");
listview.bind("reloaded", reload);
css不变。

这个我们求助中心的精华帖子也有教程，可以互相借鉴

Simon.hu 发表于 2021-2-23 09:34
这个我们求助中心的精华帖子也有教程，可以互相借鉴

那个demo我觉得不能满足要求，我这个也有问题就是了。还是要官方出手

找到一个相对完美的方法：图文列表的模板页面里隐藏一个文本框，文本框的命令：$("div.repeater-item").attr({ tabindex: "1"});
页面加载命令里的代码不要了。
css不变。
数据有几行，文本框的命令就会运行几次，就这一点瑕疵。

这个我们求助中心的精华帖子也有教程，可以互相借鉴

找到了，多谢。