Form to CSS generator builder | jQuery

name="body[background-color]"
name="h2[background-color]:important" value="#fff"
name=".help-block[font-size]:px"
name="excluded:skip"
name=".well[border-width]:pximportant"
name=".btn.btn-primary|.well[border-radius]:px"

Form To CSS generator official website

CSS Result: Real time in pre

#targetDIV .addcssFromhiddenTexarea {
    top: 5px;
}

#targetDIV #morecss {
    font-size: 15px;
}

body {
    background-color: #feb;
}

#targetDIV h2 {
    background-color: #fff !important;
}

#targetDIV .help-block {
    font-size: 14px;
}

#targetDIV .well {
    border-top-width: 3px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-left-width: 3px !important;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

#targetDIV .checkbox {
    display: block;
}

#targetDIV .btn.btn-primary,#targetDIV .well {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

CSS result in real time


Form To CSS generator Builder official website
jQuery serializeJSON
CSS beautifier minifier:
Form created with Bootstrap for builder:

Fork me on GitHub