Question

当我重新调整浏览器的大小时，即使我将border-top设置为none或0，也会显示border-top。此外，我将颜色调整为透明但仍然显示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

它的盒子阴影所以请更新下面的css属性＆＃34; box-shadow＆＃34;对于不受欢迎的顶影。

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

Answer 2

它实际上不是border而是box-shadow

更改此.accordionfaq-content的{{1}}媒体查询会解决此问题

(max-width: 640px)

边框顶部仍然显示

2 个答案: