选中复选框后如何更改样式文本

Question

我想改变

中文字的样式

<input type="checkbox" /> Origano

在用户选中框

后，使用样式text-decoration:line-through制作“Origano”

Answer 1

最近浏览器的一种方式;

.selection_checkbox:checked + .selection_label {
 text-decoration:line-through;
}

<input id="oregano" type="checkbox" class="selection_checkbox" /> 
<label for="oregano" class="selection_label">Oregano</label>

http://jsfiddle.net/alexk/NR2Rr/

Answer 2

您可以将其添加到您的css文件

input[type="checkbox"][checked]{text-decoration:line-through}