Css 如何删除上按钮和下面板接触的空间的边框,使其看起来像是合并的?

Css 如何删除上按钮和下面板接触的空间的边框,使其看起来像是合并的?,css,Css,我正在制作一个带有隐藏面板的过滤器按钮。我有一个默认的按钮。点击按钮后,面板将显示在按钮下方,但在该视图中,我需要一条单独的边框线,使按钮成为该按钮的一部分,并且在按钮接触下方面板的地方,也没有边框 var acc=document.getElementsByClassName(“accordion”); var i; 对于(i=0;i

我正在制作一个带有隐藏面板的过滤器按钮。我有一个默认的按钮。点击按钮后,面板将显示在按钮下方,但在该视图中,我需要一条单独的边框线,使按钮成为该按钮的一部分,并且在按钮接触下方面板的地方,也没有边框

var acc=document.getElementsByClassName(“accordion”);
var i;
对于(i=0;i
手风琴{ 背景色:#eee; 颜色:#444; 光标:指针; 填充:18px; 宽度:20%; 边界:无; 文本对齐:左对齐; 大纲:无; 字体大小:15px; 过渡:0.4s; } .主动{ 背景色:白色; 边框:1px实心; 边框顶部颜色:浅灰色; 左边框颜色:浅灰色; 右边框颜色:浅灰色; 边框底色:白色; } .小组{ 边框:1px实心; 边框底色:浅灰色; 左边框颜色:浅灰色; 右边框颜色:浅灰色; 边框顶部颜色:浅灰色; 填充:0 18px; 显示:无; 背景色:白色; 溢出:隐藏; } 手风琴 第一节 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作


有几种方法可以满足您的要求,但您可以使用负底边距将按钮向下拉1倍,使其白色边框与面板上的上边框重叠:

var acc=document.getElementsByClassName(“accordion”);
var i;
对于(i=0;i
手风琴{ 背景色:#eee; 颜色:#444; 光标:指针; 填充:18px; 宽度:20%; 边界:无; 文本对齐:左对齐; 大纲:无; 字体大小:15px; 过渡:0.4s; 页边距底部:-1px;/*添加此规则*/ } .主动{ 背景色:白色; 边框:1px实心; 边框顶部颜色:浅灰色; 左边框颜色:浅灰色; 右边框颜色:浅灰色; 边框底色:白色; } .小组{ 边框:1px实心; 边框底色:浅灰色; 左边框颜色:浅灰色; 右边框颜色:浅灰色; 边框顶部颜色:浅灰色; 填充:0 18px; 显示:无; 背景色:白色; 溢出:隐藏; } 手风琴 第一节 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作


请花点时间阅读并更新您的问题,在可运行的代码片段中为我们提供您的代码。@chazsolo您现在能帮我吗?