html - Zocialcss CSS button background changes to white. -

i trying incorporate zocialcss buttons in site color of background changes automatically white when insert them instead of retaining rest of buttons default color.

<div classname="form-group">     <div classname="col-sm-offset-2 zocial facebook">         <button class="zocial facebook">         sign in facebook         </button>     </div>       </div> 

i works in jsfiddle: http://jsfiddle.net/bc6et/, in computer, class part ignored, plain html button.

here picture of looks when write zocial facebook within classname part:

everyone saying should use class instead of classname, gets ignored wherever substitute it. know why?

additional comments

• i using react.
• i have index.html file calls js file, containing render function above html code in it.

answer incluiding classname within button worked perfectly:

<div classname="form-group">      <div classname="col-sm-offset-2">            <button classname="zocial facebook">                  log in facebook            </button>      </div>       </div> 

you need css affect <button> within <div>.

also, should class instead of classname

<div class="zocial facebook">   <button>log in facebook</button> </div> 

css:

.zocial.facebook button {   background-color: #somecolor } 

or put same class button div:

<div class="zocial facebook">   <button class="zocial facebook">log in facebook</button> </div>