css - 使用框阴影插入时如何将边框底部设置为无？

Question

我只想在框的底部没有边框，或者这不可能吗？我使用 'box-shadow:inset' 而不是常规边框样式的原因是因为它不会改变我的框大小并将我的框移出位置。

.box {
    width: 82px;
    height: 56px;
    box-shadow:inset 0px 0px 0px 5px #AC92C4;
    border-radius: 5px 5px 0px 0px;
}

https://jsfiddle.net/dcaktwuz/

Answer 1

你写道:

The reason I am using 'box-shadow:inset' instead of the regular border style because it does not alters my box size and shifts my box out of position.

您仍然可以尝试制作边框(使用 border-bottom: none;)并添加 box-sizing: border-box，这将包括边框 (和填充)在元素的整体宽度和高度中。