具有2種背景顏色的CSS按鈕

Question

我在創建具有3種狀態的2種顏色按鈕時出現問題，其結構如下：

| bgcolor1（白色文本）| bgcolor2（白色箭頭）|正常狀態

| bgcolor2（白色文本）| bgcolor2（白色箭頭）|懸停狀態

| bgcolor3（白色文本）| bgcolor4（白色箭頭）|活動狀態

我的做法是使用主色作爲bg顏色，並使箭頭與單獨的背景顏色成爲背景圖像。我在那裏遇到的問題是箭頭的第三個狀態，它具有不同的背景顏色。

這可以通過純CSS來實現嗎？

可以使用一個代碼片段的單行和多行文本按鈕？

謝謝你的幫助！

Answer 1

使用一個<button>元素，其中包含標記（例如圖像或跨度）。這個答案雖然解決了一個不同的問題，但可能有一些幫助：Putting Images Inside a BUTTON Element (HTML & CSS)。