html - Not able to design checkbox in css -


I have a list of checkboxes, which I tried to customize the design. But my coding does not work. My sample code is:

My CSS is:

  input [type = "checkbox"] {display: none; } Input [type = "checkbox"] + duration {width: 15px; Height: 15px; Background: url (../img/uncheck_box.png) no-repeat; Display: inline-block; } Input [type = "checkbox"]: Czech + span {background: url (../ img / check_box.png) no-repeat; }   

My HTML is:

  & lt; Input type = "checkbox" id = "1" /> gt; & Lt; Span & gt; & Lt; / Span & gt; & Lt; Label = "1" & gt; AAAA & lt; / Label & gt; & Lt; Br / & gt; & Lt; / Label & gt; & Lt; Br / & gt; & Lt; Input type = "checkbox" id = "2" /> gt; & Lt; Span & gt; & Lt; / Span & gt; & Lt; / Label & gt; & Lt; Br / & gt; & Lt; Input type = "checkbox" id = "3" /> gt; & Lt; Span & gt; & Lt; / Span & gt; For label = "3" & gt; & Lt; / Label & gt; & Lt; Br / & gt; Input type = "checkbox" id = "4" /> gt; & Lt; Span & gt; & Lt; / Span & gt; & Lt; / Label & gt; & Lt; Br / & gt; & Lt; Input type = "checkbox" id = "5" /> gt; & Lt; Span & gt; & Lt; / Span & gt; & Lt; Input type = "checkbox" id = "6" /> gt; & Lt; Span & gt; & Lt; / Span & gt; For label = "6" & gt; FFFF & lt; / Label & gt;    

  & lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" /> & Lt; Title & gt; JQuery UI Button - Checkbox & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> & Lt; Script src = "http://code.jquery.com/jquery-1.9.1.js" & gt; & Lt; / Script & gt; & Lt; Script src = "http://code.jquery.com/ui/1.10.2/jquery-ui.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" href = "/ resources / demos / style.css" /> & Lt; Script & gt; $ (Function () {$ ("#check"). Button (); $ ("#format") .buttonset ();}); & Lt; / Script & gt; & Lt; Style & gt; #formats {margin-top: 2em; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Input type = "checkbox" id = "check" /> & Lt; Label = "check" & gt; Toggle & lt; / Label & gt; & Lt; Div id = "format" & gt; & Lt; Input type = "checkbox" id = "check 1" /> & Lt; Label = "check 1" & gt; B & lt; / Label & gt; & Lt; Input type = "checkbox" id = "check2" /> & Lt; Label = "check2" & gt; I & lt; / Label & gt; & Lt; Input type = "checkbox" id = "check3" /> & Lt; Label = "check3" & gt; U & lt; / Label & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

I think you need it: this is the best exercise

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -