自定义 GMail CSS 防止点击

Question

我正在使用 Stylish and the below CSS to customize the Multiple Inboxes Lab 这样收件箱不再位于 1 个垂直列中，而是现在位于 2 列中，第一个收件箱位于顶部。 CSS 确实可以给我想要的外观。

但是，由于某些我无法识别的原因，我无法再点击收件箱中的电子邮件。关于为什么的想法？或者我该如何解决？

/* example look */
| First Inbox |
| 2nd  | 3rd  |
| 4th  | 5th  |

/* each inbox */
.BltHke.nK {
  width: 49%;
  float: left;
  padding-right: 1%;
}

/* first inbox */
.nH.nn > .nH > .nH:first-child > .BltHke {
  width: 100%;
}

Answer 1

感谢 Brock Adams 的提示，我发现由于我的 float: left 规则，较低（或原始）收件箱的碎片覆盖了多个收件箱 space。

要修复它，我还必须使用以下代码浮动这些部分。

/* fix float over multiple inbox area */
.D.E.G-atb.bP {
    float: left;
}

.ae4.UI {
    float: left;
}

自定义 GMail CSS 防止点击

Custom GMail CSS Prevents Click

css

customization

gmail

stylish