Класс не применяется, чтобы отправить кнопку

Question

Я пытаюсь применить класс к следующей кнопке отправки. Код:

<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;
}

Но это не работает должным образом, что делать

Спасибо

Answer 1

Я предполагаю, что вы намеревались применить правило CSS для .confirm-button-submit, но ваша кнопка не имеет этого класса.

Вы должны использовать:

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

Answer 2

Ваш код не имеет класса.

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

изменить & mdash; хорошо, одна из проблем может заключаться в том, что вы пытаетесь установить атрибуты CSS, которые элемент <input type='submit'> просто не поддерживает. Я подозреваю, что если бы вы посмотрели на свой элемент <input> в инспекторе Firebug DOM, вы могли бы увидеть все ваши классы CSS, но вы также заметили бы, что они на самом деле не имеют никакого эффекта.