Question

下面的代码是我到目前为止配置我的css按钮，现在显示的是正常按钮。但是，如果我切换到id而不是类，它确实有效。

.phasesButton [type=submit]
{
  clear:both;
  display:block;
  margin-left: auto;
  margin-right: auto;
  width:125px;
  height:31px;
  background:rgba(0,0,0, .7);
  text-align:center;
  line-height:31px;
  color:#FFFFFF;
  font-size:13px;
  font-weight:bold;
  margin-top:30px;
  border: 1px solid #000000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .5);
  cursor: pointer;
}

这是我的HTML

 <div id="phaseOne" class="frmPhaseOne">
    <table width="95%">
    .
    .
    .
    </table>
    <asp:Button ID="btnPhaseOne" class="phasesButton " runat="server" Text="Submit"/>
</div>

即使我将按钮放在div之外或改为放置input[type=submit]，它仍然无效。

Answer 1

删除空格：

.phasesButton[type=submit]

空格是一个后代选择器，即选择器：

.phasesButton [type=submit]

会在[type=submit]内找到与.phaseButton匹配的元素。

Reference

Answer 2

首先删除css选择器之间的空格。其次type=submit不起作用。将其更改为type=button

将 .phasesButton [type=submit] 更改为 .phasesButton[type=button]

<强>解释

.phasesButton[type=button] 这两个是同一元素的选择器，所以不应该分开。
当您在网络表单中添加标记asp:button时，asp.net将为您呈现input type="button"，当您点击此按钮时，它会向同一页面提交帖子（这称为postback）并将处理与此按钮关联的生命周期和asp.net事件。这同样适用于每个服务器控件，例如TextBoxes（呈现input type='text'），Panels（呈现div），Checkboxes（呈现input type='checkbox'），{{ 1}}（渲染Labels）等......

reference

为什么我的asp按钮（输入类型=“提交”）不响应我的css类？

2 个答案: