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您现在能帮我吗?