Я не пробовал это, но только по внешнему виду я вижу, что это не будет работать для наших целей :), собственное решение sandeep является лучшим :) (пока)

у поместить изображение на фоне флажка и переключателя в моем HTML-коде, но это не работает, но работает с другим свойством формы.

 Michael Todd25 янв. 2011 г., 06:24
Было бы намного проще помочь вам, если бы вы предоставили хотя бы часть кода, относящегося к вашей проблеме.
 Ulrich Schwarz25 янв. 2011 г., 06:31
Вы можете попробовать, если вы можете построить что-то изinput[type=checkbox]:after а такжеinput[type=checkbox]:checked:after, но это, вероятно, CSS3, и у меня нет полной карты для этого, извините.
 KishoreK25 янв. 2011 г., 06:24
Я думаю, что это невозможно, вы можете попробовать некоторые javascript + css для этого. Пример:queness.com/post/204/...

Ответы на вопрос(3)

чтобы исправить эту проблему. Это будет работать так У меня не было этого кода сейчас, но я пишу так же здесь, на SO.

<div class="checkbox-wrapper">
<input type="checkbox" name="value"/>
<img src="img/blah.png"/>
</div>

В css мы скрываем этот флажок, делая его Z-индекс меньше, чем изображение, которое я поместил в этот код оболочки. В конечном итоге, когда кто-то нажимает на изображение, оно выглядит как флажок, и в реальном флажке будет нажата вместоdisplay:none с помощьюopacity:0 будет лучше. Это сломается в IE6, но нас это не волновало, потому что я больше не поддерживаю IE6.

В Javascript Вы можете написать событие, если вы хотите другую (но похожую на мою) реализацию. Вы можете заменить собственный Html Checkbox, Radio и выбрать (select2 лучше, если вы используете загрузчик Twitter) с вашими собственными элементами управления на основе тем.

Решение Вопроса

флажок & радио Кнопка с чистым CSS.

HTML

<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label>

CSS

input[type=checkbox] {
    display:none;
}

input[type=checkbox] + label {
    background: #999;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type=checkbox]:checked + label {
    background: #0080FF;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

Проверьте это для болееhttp://css-tricks.com/the-checkbox-hack/ ,

https://gist.github.com/592332

нт div. Вот пример:

<div id="backgrounddiv" style="background-image: url('image.gif');">
<input id="check_box" type="checkbox" />
</div>
 jave.web05 нояб. 2013 г., 00:52
Я не пробовал это, но только по внешнему виду я вижу, что это не будет работать для наших целей :), собственное решение sandeep является лучшим :) (пока)

Ваш ответ на вопрос