删除列表项分隔符/边框

Question

我已经检查了DOM，但我仍然看不到分隔符/边框添加到列表项目的位置。我想删除它们。

有谁知道怎么做？

Answer 1

它位于div.x-list-item-label，只需将其CSS样式更改为：

border-top: none !important;
border-bottom: none !important; /* For the last row */

希望它有所帮助。

Answer 2

只有当您希望将其应用于应用中的每个列表时，上述方法才是正确的。

如果要以正确的方式执行此操作，则需要在创建的列表中添加内联样式。以下是我在应用程序的收件箱屏幕中的操作方式：

{
 xtype: 'list',
 disableSelection: true, // only if you want to disable selection of the list
 config: {
      style: {
           'border': '0',
      },
 },
 itemTpl: '<div>{itemContent}</div>'
}