html5 - CSS Not working On Chrome -


I'm trying to create a cool looking checkbox. I have found a checkbox after a hidden input. When the checkbox is checked, then change the font size of the label.

code ">
   gt; top & gt; style type =" text / Css "> Input [type =" checkbox "]: check + input [type =" hidden "] + label {font-weight: bold;} & lt; / style & gt; & lt; / head & gt; Input type = "checkbox" id = "1" /> Input type = "hidden" /> gt; label = & lt; "1" & gt; My Labels  

But I can not work it on chrome. But if I try it on jsfiddle with chrome Anything that works?

= "Text">

changed its CSS and it works fine

  input [type = "checkbox"]: check + input + label {font-weight: bold; }  

Comments

Popular posts from this blog

winforms - C# Form - Property Change -

java - Messages from .properties file do not display UTF-8 characters -

javascript - amcharts makechart not working -