html - CSS 悬停不起作用，在 Bootstrap 模式覆盖内

Question

我正在制作模态视图，使用 bootstrap 框架，如图所示，这是两个按钮，我想要悬停效果，鼠标指向时，使用 CSS 但它不起作用，

#yesbut,#nobut {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 10px 35px;
    text-align: center;
    background: #2e6c96;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #2e6c96;
    outline: none;
	text-transform: uppercase;
}

#yesbut :hover{
	 background: #fff;
	border: 1px solid #fff;
}
#nobut :hover{
	 background: #fff;
    color: #2e6c96;
	border: 1px solid #fff;
}

<div id="yesbut" >YES</div>
<div id="nobut">NO</div>

enter image description here

Answer 1

#yesbut :hover{               /*Remove the space*/
	 background: #fff;
	border: 1px solid #fff;
}