边框顶部仍然显示

Question

当我调整浏览器大小时，即使我将border-top设置为none或0，也会显示border-top。另外，我将颜色调整为透明，但border-top仍然是显示。如何去除边框顶部？

CSS:

.accordionfaq-toggle{ cursor: pointer; font-size: 18px; border-radius: 3px; padding: 19px 19px 19px 60px; -80px 0 10px 0; font-weight: bold; }
.arrow:before{ content: '\f054'; font-family: FontAwesome; display: inline-block; padding-right: 30px; vertical-align: middle; color: #d31716; margin-left: -40px; }
.accordionfaq-toggle:active{ border-bottom: none; }
.accordionfaq-content{ display: none; border-radius: 3px; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; box-shadow: 0 0 2px rgba(0,0,0,0.3); background: #FFF; margin: -87px 0 19px 0; padding: 4em 3em 3em 4em;

Answer 1

实际上不是 border 而是 box-shadow

像这样更改 (max-width: 640px) 的 .accordionfaq-content 媒体查询将修复它

@media screen and (max-width: 640px)
.accordionfaq-content {
    padding: 4em 1em 3em 1em;
    box-shadow: none;
}

Answer 2

它的盒子阴影所以请在 "box-shadow" css 属性下面更新不需要的顶部阴影。

.accordionfaq-content{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);}

边框顶部仍然显示

Border top still displayed

html

css

border