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
Post a Comment