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

python - Strange behavior using PyQt4's 'pyqtSlot' decorator before another decorator -

c# - UnhandledExceptionMode.ThrowException for AppDomain.UnhandledException -

c# - Process.Kill() returns access denied -