Home/ Questions/Q 8875195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T18:54:56+00:00

Possible Duplicate: change background color of li using jquery I’m trying to change background

  • 0

Possible Duplicate:
change background color of li using jquery

I’m trying to change background color of li on onselect ‘checkbox’.

<ul>
 <li><input type="checkbox" /> Link 1</li>
 <li><input type="checkbox" /> Link 2</li>
 <li><input type="checkbox" /> Link 3</li>
 <li><input type="checkbox" /> Link 4</li>
</ul>

I Need to change the whole line background color when some one select checkbox.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML

    <ul>
 <li><input type="checkbox" /> <label> Link 1</label></li>
 <li><input type="checkbox" /> <label> Link 2</label></li>
 <li><input type="checkbox" /> <label> Link 3</label></li>
 <li><input type="checkbox" /> <label> Link 4</label></li>
</ul>​

    CSS

    label{width:150px; display:inline-block}
input[type="checkbox"]:checked+label{background:blue; color:white}​

    DEMO

    For IE you can use a library like http://selectivizr.com/

    • 0