jquery - CSS input checkbox when input is already defined -


i'm having difficulty aligning checkboxes in form. i've created jsfiddle here css defines input earlier on, defined specific checkbox input near bottom of css code. reason, it's not working.

main css:

/*inputs*/ #msform input, #msform textarea {     padding: 15px;     border: 1px solid #ccc;     border-radius: 3px;     margin-bottom: 10px;     width: 100%;     box-sizing: border-box;     font-family: montserrat;     color: #2c3e50;     font-size: 13px; } 

added checkbox label , input (not working properly)

label {     float: left;     display: block;     padding-left: 15px; } input[type=checkbox] {     width: 13px;     height: 13px;     padding: 0;     margin:0;     vertical-align: middle;     position: relative;     top: 26px;     right: 60px;     *overflow: hidden; } 

you need apply style id #msform overwrite previous declaration.

#msform input[type=checkbox] {     width: 13px;     height: 13px;     padding: 0;     margin:0;     vertical-align: middle;     position: relative;     top: 26px;     right: 60px;     overflow: hidden; } 

try playing now.


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -