那些遇到过的问题

小编Lan*_*nce的帖子

从活动按钮中删除突出显示

我有几个按钮样式为选项菜单的选项卡.一切看起来像我想要的,它的工作正常.我唯一的问题是活动按钮上的蓝色突出显示.我该如何删除它？

活动按钮上的蓝色突出显示

由于我不明白的原因,我的代码段不能重现问题.

function ShowCurrent()
{
	document.getElementById('btnCurrent').className = "menu";
	document.getElementById('btnFuture').className = "menu off";
}

function ShowFuture()
{
	document.getElementById('btnFuture').className = "menu";
	document.getElementById('btnCurrent').className = "menu off";
}
Run Code Online (Sandbox Code Playgroud) 
.menu
{
	border: 2px solid grey;
	border-bottom: none;
	margin-bottom: -2px;
	margin-right: 5px;
	padding: 3px 2px;
	position: relative;
	z-index: 5;
}

.off
{
	border-bottom: 2px solid grey;
	padding: 2px;
}

.placeholder
{
    border: 2px solid grey;
}
Run Code Online (Sandbox Code Playgroud) 
<div>
	<button id="btnCurrent" class="menu" onClick="ShowCurrent();">Current</button>
	<button id="btnFuture" class="menu off" onClick="ShowFuture();">Future</button>
</div>

<div class="placeholder">Just hanging out, taking up space</div>
Run Code Online (Sandbox Code Playgroud)

html css

Lan*_*nce
lucky-day
7
推荐指数
1
解决办法
787
查看次数

标签 统计

css ×1

html ×1