css - React NavLink：添加到内部标签的边距不可点击

Question

我已将边距添加到 .NavItem a 并且单击边距区域不会触发链接。它只能通过单击中间的内容本身来触发。通过检查元素，添加到标签链接的样式并假设可以正常工作。

.NavItem a {
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: .75rem .5rem;
    color: rgb(var(--backClr));
    border-bottom: 1px solid transparent;
    height: 1.4rem;
}

标签： cssreactjs