如何更改懸停時的背景顏色？

-3

我有這個按鈕：

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" />

我怎樣才能使按鈕背景上的黑色和白色的文字，但在鼠標懸停我想使白色的背景和黑色文字？

來源

2017-05-08 Michael

預計你至少嘗試爲自己的代碼這一點。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），無論是通過谷歌或通過搜索，嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您所嘗試的內容。 –

這太令人難以置信了。 –

以下是您可以輕鬆做到的方法。只需使用CSS設計它，並使用:hover規則。

#btnExecute { 
 
    background-color: black; 
 
    color: white; 
 
} 
 
#btnExecute:hover { 
 
    background-color: white; 
 
    color: black; 
 
}

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" />

它應該工作就是這樣，但如果引導嘗試覆蓋它，只需添加!important的設置。

來源

2017-05-08 14:53:23 freginold

可以應用CSS和做

--CSS--

btn btn-sm:hover { 
    background-color: white; 
}

來源

2017-05-08 14:53:36

當不懸停時不會設置背景或顏色，也不會在懸停時將文本顏色設置爲黑色。 – freginold

如何更改懸停時的背景顏色？

回答

相關問題