nxt_question_btn.classList.remove('btns').btns{
margin-top: 10px;
float: right;
height: 30px;
background-color: lightblue;
border: none;
outline: none;
cursor: pointer;
width: 110px;
}
.btns:hover{
border: 1px solid black;
box-shadow: 2px 1px 5px lightblue;
} <button id="next" class="btns">Next Question</button>
<button id="end" class="btns">End Quiz</button>我想在禁用按鈕時禁用懸停選項，我的 Javascript 當前禁用樣式和懸停選項。我怎樣才能只定位懸停？
uj5u.com熱心網友回復：
使用:not()偽類僅在按鈕沒有disabled屬性時應用懸停樣式。
.btns{
margin-top: 10px;
float: right;
height: 30px;
background-color: lightblue;
border: none;
outline: none;
cursor: pointer;
width: 110px;
}
.btns:not([disabled]):hover{
border: 1px solid black;
box-shadow: 2px 1px 5px lightblue;
}<button id="next" class="btns">Next Question</button>
<button id="end" class="btns" disabled>End Quiz</button>或者，您也可以使用 CSSdisabled偽類作為選擇器。
uj5u.com熱心網友回復：
我還想提一下，如果你已經有了 的樣式:disabled，你可以給它添加懸停狀態：
.btns {
margin-top: 10px;
float: right;
height: 30px;
background-color: lightblue;
border: none;
outline: none;
cursor: pointer;
width: 110px;
}
.btns:hover {
border: 1px solid black;
box-shadow: 2px 1px 5px lightblue;
}
.btns:disabled, .btns:disabled:hover {
border: lightgray;
box-shadow: none;
cursor: no-drop;
}<button id="next" class="btns">Next Question</button>
<button id="end" class="btns" disabled>End Quiz</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/438228.html
標籤：javascript html css