Javascript 如何删除HTML/CSS中所选选项卡的边框？

我有用于创建水平选项卡栏的html和css，在其中我有一些类和javascript函数，这些函数主要根据特定选项卡的选择更改选项卡：

函数openPage（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
正文{
字体系列：Arial；
}
/*设置选项卡的样式*/
.标签{
溢出：隐藏；
边框：1px实心#ccc；
背景色：#f1f1；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色：继承；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：14px 16px；
过渡：0.3s；
字号：17px；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#FFFFFF；
边框底色：#FFFFFF；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
边框：1px实心#ccc；
边界顶部：无；
}
/*设置关闭按钮的样式*/
托普赖特先生{
浮动：对；
光标：指针；
字号：28px；
}
.右上角：悬停{
颜色：红色；
}
选项卡
单击右上角的x按钮关闭当前选项卡：

家
关于
事业
&时代
家
主页

&时代
关于
关于佩奇

&时代
事业
职业页面

您可以这样编写代码

elm.style.textDecoration = "none";


如果我错了，请告诉我，但是你想看看这个吗



身体{
字体系列：Arial；
}
/*设置选项卡的样式*/
.标签{
溢出：隐藏；
边框：1px实心#ccc；
边框底部：无；
背景色：#f1f1；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色：继承；
浮动：左；
边界：无；
大纲：无；
光标：指针；
填充：14px 16px；
过渡：0.3s；
字号：17px；
}
/*更改悬停按钮的背景色*/
.tab按钮：悬停{
背景色：#ddd；
}
/*创建活动/当前tablink类*/
.tab按钮。激活{
背景色：#FFFFFF；
边框底色：#FFFFFF；
}
/*设置选项卡内容的样式*/
.tabcontent{
显示：无；
填充：6px 12px；
边框：1px实心#ccc；
边界顶部：无；
}
/*设置关闭按钮的样式*/
托普赖特先生{
浮动：对；
光标：指针；
字号：28px；
}
.右上角：悬停{
颜色：红色；
}
标签
单击右上角的x按钮关闭当前选项卡：

家
关于
事业
&时代
家
主页

&时代
关于
关于佩奇

&时代
事业
职业页面

函数openPage（evt、cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i
唯一的变化是

.tab{
溢出：隐藏；
边框：1px实心#ccc；
边框底色：透明；
背景色：#f1f1；
}
/*设置选项卡内按钮的样式*/
.选项卡按钮{
背景色：继承；
浮动：左；
边框底部：1px实心#ccc；
大纲：无；
光标：指针；
填充：14px 16px；
过渡：0.3s；
字号：17px；
}
如果删除下划线，请将其替换为另一个焦点样式，是否要删除活动类？不是100%清楚这里的预期行为是什么是的，你是对的。我想他只是希望边框在激活时位于其下方，但其他按钮下的边框和覆盖需要保留div的边框。我猜他问了这个问题，然后跑开了：）是这样的，但需要位于选项卡div底部的边框，但不需要位于所选选项卡下方