TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
你不需要任何功能，你可以通過很好地理解css選擇器來做到這一點(diǎn)
你可以試試：
input[type="checkbox"]:checked+span {
text-decoration: line-through;
color:red;
}
并定義您的文本框，例如
<input type="checkbox" ><span>Some text label for checkbox</span>
這是一個(gè)例子
TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊
您可以通過 CSS 選擇器根據(jù)當(dāng)前狀態(tài)控制復(fù)選框或其他輸入的樣式，如下所示：
input[type='checkbox'] {background-color:red;}
input[type='checkbox']:checked {background-color:blue;}
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊
使用:checkedcss 偽類，您將能夠在不使用 Javascript 的情況下更改元素樣式。
您可以在此處閱讀更多相關(guān)信息。
/* Change color */
input[type="checkbox"]:checked {
box-shadow: 0 0 0 3px red;
}
/* Change label color */
input:checked+label {
color: blue;
}
<input type="checkbox" name="my-checkbox" id="example">
<label for="example">Check me!</label>
舉報(bào)