Monday, 15 August 2011

css - Style radiobutton without using JS or CSS3 or HTML5 -


I was assigned to make the following radiobutation without using JS or CSS3 or HTML5. Is this possible in some way?

Enter image details here

< Div class = "post-text" itemprop = "text">

OK ... try this:

CSS

  Input [type = checkbox] {opacity: 0; Height: 40px; Width: 40px; Status: Completed; Top: 0; Left: 0; Z-index: 2; } Input [type = checkbox] + label {background: url ("http://www.csscheckbox.com/checkboxes/u/csscheckbox_796472012f96c8785e1ab96779a4ee3c.png") No-repeat 0px; Height: 40px; Width: 40px; Display area; Padding: 0 pixels; } Input [type = checkbox]: check + label {background: url ("http://www.csscheckbox.com/checkboxes/u/csscheckbox_796472012f96c8785e1ab96779a4ee3c.png") No-repeat 0 -40px; }  

HTML

  & lt; Input type = "checkbox" value = "1" /> & Lt; Label & gt; & Lt; / Labels & gt;  


No comments:

Post a Comment