Class is not applying to submit button

Question

Hi All,

I m Trying to apply a class to following submit button Code:

<input type="submit" value="Submit" name="commit" class="confirm-button-submit ">

css :

.confirm-button-submit 
{
   width    : 79px;
   font      : bold 12px sans-serif;;
   color    : #000;
   background    : url("../images/confirm-btn.png") 0 -33px no-repeat;
   text-decoration : none;
   margin-top    :0px;
   text-align:center;
   border:0px;
   cursor : pointer;
   height:170px;
}


.confirm-button-submit a
{
   width    : 79px;
   font      : bold 12px sans-serif;;
   color    : #000;
   background    : url("../images/confirm-btn.png") 0 -33px no-repeat;
   text-decoration : none;
   margin-top    :0px;
   text-align:center;
   border:0px;
   cursor : pointer;
   height:170px;
}



.confirm-button-submit a:hover
{
   width    : 79px;
   font      : bold 12px sans-serif;;
   color    : #000;
   background    : url("../images/confirm-btn.png") 0 0 no-repeat;
   text-decoration : none;
   margin-top    :0px;
   text-align:center;
   border:0px;
   cursor : pointer;
   height:170px;
}

But its not working proper what to do

Thanks

Answer 1

I assume you intended the CSS rule for .confirm-button-submit to apply, but your button does not have that class.

You'd have to use:

<input type="submit" value="Submit" name="commit" class="confirm-button-submit" />