移除关闭按钮中的填充

大家好!
我有一个关于 UI 的小问题。在每个带有关闭按钮的模态框中,该按钮都有一定的内边距:

我的主题给该按钮添加了背景色,因此关闭按钮会有背景。这意味着会出现以下情况:

image

HTML 代码如下:

.modal-header .modal-close {
    order: 2;
    margin-left: auto;
    padding-left: 2em;
}

如果我尝试在我的主题中将 padding-left 设置为无,它会被覆盖。如果你移除 padding-left,由于 margin-left: auto; 的存在,也不会产生任何变化。是否有可能从代码中移除 padding-left?我本想直接提交 PR,但想先确认这是否是一个有效的建议。

2 个赞

将左侧内边距设置为 0 应该可以生效……例如:

.modal-header .modal-close {
    padding-left: 0;
    background: skyblue;
}

4 个赞