Form to CSS generator builder | jQuery
Body Background:
name="body[background-color]"
H2 Background Color:
name="h2[background-color]:important" value="#fff"
Class .container font-size
name=".help-block[font-size]:px"
Exclude this input: excluded:skip
name="excluded:skip"
Select Basic
Border width Default 1px
Border width 3px
Border width 5px
name=".well[border-width]:pximportant"
Select Multiple
.well border-style solid
.well border-style dashed
.well border-style dotted
Inline Checkboxes
margin-top
margin-bottom
margin-left
margin-right
Inline Radios
block
inline-block
none
Range Slider Change buttons border Radius:
name=".btn.btn-primary|.well[border-radius]:px"
Reset form
serializeToJSON Form To CSS
Form To CSS generator official website
CSS Result: Real time in
pre
CSS result in real time
.anotherClass { top: 4em; border-radius: 5px; font-size: 5px; color: rgba(0,255,0,0.3) !important }
#targetDIV .addcssFromhiddenTexarea {top: 5px;} #targetDIV #morecss{font-size: 15px;}
Form To CSS generator Builder official website
jQuery serializeJSON
CSS beautifier minifier:
Form created with Bootstrap for builder: