html - Using different images for checkboxes in CSS -


i have seen questions asking how replace checkbox image have been answered, having separate issue. trying make form multiple check boxes, each different image used button user. every time try have 2 different images, 1 won't show, , 1 button work. appreciated!

here's code:

     .services_form input[type="checkbox"]{  	    display:none;       }           .services_form input[type=checkbox]:checked + label       {  	      background-color: #bdc3c7;  	      background-size: 100%;  	      height: 250px;  	      width: 250px;            opacity: 0.5;  	      display:inline-block;  	      padding: 0 0 0 0px;       }           .services_form input[type=checkbox] + label       {  	      background-size: 100%;  	      height: 250px;  	      width: 250px;  	      display:block;  	      float: left;  	      padding: 0 0 0 0px;  	      cursor: pointer;       }        #accombutton{  	     background: url("button1.png") no-repeat;      }        #foobar{           background-image: url("button2.png");      }        .button {  	     float: left;  	     width: 35%;  	     height: 35%;  	     border-radius: 15%;  	     margin: 5% 5% 5% 5%;      }
    <form class="services_form">          <div class="accombutton">          <input type="checkbox" id="accombutton"></input>          <label for="accombutton" id="accomlabel"></label>          </div>          <div class="button">          <input type="checkbox" id="foo"></input>          <label for"foo" id="foobar"></label>          </div>      </form>

you need use background: url("button1.png") no-repeat; not in #accombutton in #accomlabel #foobar.


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more