目前實作當checkbox被勾選時，原本預設為深灰色底 淺灰色打V
目前希望可以調整為 黑色底、白色打V 或是 白色底、黑色打X
有先嘗試在網路上找了一下方法，但沒有找到相關應用，想詢問看看可以怎麼實作，或是否有其他的做法呢?
已邀請的邦友 {{ invite_list.length }}/5
直接使用元件呈現的話。變色可以用如下的css來處理
label {
padding: 0;
margin-right: 3px;
cursor: pointer;
}
input[type=checkbox] {
display: inline-block;
background-color: #aaa;
padding: 3px 6px;
border: 1px solid gray;
color: #444;
user-select: none; /* 防止文字被滑鼠選取反白 */
}
input[type=checkbox]:checked {
color: yellow;
background-color: #444;
}
要有打x的話，只能利用其它元件來做出模式出來了。
網路上你找一下有很多範例可以用。我這只給你簡單的處理。
The Net Ninja 這個系列的教學可能是你需要的東西：
https://www.youtube.com/watch?v=HiHHvTcHiEk&list=PL4cUxeGkcC9g5_p_BVUGWykHfqx6bb7qK
iThome鐵人賽
看影片追技術