通过css实现按钮高亮

---

title: 通过css实现按钮高亮
date: 2019-07-01 14:26:53
tags: “JavaScript”

本文通过改变css来实现按钮高亮效果
其实高亮只需增加一行代码，如下：
原css：

.monaco-workbench > .part.titlebar > .window-controls-container .window-minlogin {
	height:100%;
	width:45px;
	background-color:#1E1E1E;
	padding-right: -10px;
	margin-right: 20px;
}

可以看到这个颜色是1E1E1E（灰色），然后增加一行代码即可，如下：

.monaco-workbench > .part.titlebar > .window-controls-container .window-minlogin:hover {
	background-color:#68217A;
}

效果
or:#68217A;
}

效果
[外链图片转存失败(img-C1ojEN0l-1563712829152)(css.jpg)]