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

我假设您打算申请.confirm-button-submit的CSS规则，但您的按钮没有该类。

你必须使用：

<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'>

编辑 - 一组问题可能是您尝试设置<input type='submit'>元素不支持的CSS属性。我怀疑，如果您要查看Firebug DOM检查器中的<input>元素，您可能会看到所有CSS类，但您也会看到它们实际上没有任何效果。

类不适用于提交按钮

2 个答案: