如何给表格内的所有控制的特定样式

我有这样如何给表格内的所有控制的特定样式

<table class="row col-lg-offset-1 thumbnail"> 
    <tr> 
     <td class="col-lg-2">First Name</td> 
     <td class="col-lg-6"> 
      <asp:TextBox ID="TextBox1" CssClass="form-control" runat="server"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td class="col-lg-2">Last Name</td> 
     <td class="col-lg-6"> 
      <asp:TextBox ID="TextBox2" CssClass="form-control" runat="server"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td class="col-lg-2">E-Mail</td> 
     <td class="col-lg-6"> 
      <asp:TextBox ID="TextBox5" CssClass="form-control form-group" runat="server"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" class="text-center"> 
      <asp:Button ID="Button1" CssClass="btn btn-warning" Text="Submit" OnClientClick="return ValidateForm();" OnClick="btnSubmit_OnClick" runat="server" /> 
     </td> 
    </tr> 
</table>

桌子下面我想给TD内各控制一个特定的风格。在这种情况下，Asp：TextBox和Asp：Button。在这种情况下，我该如何编写css。

Thanx提前。

来源

2015-06-02 Murtaza Munshi

谢谢各位的回复。 –

对于文本框

table input[type="text"]{ 
}

的按钮

table input[type="submit"]{ 
}

或者只是给每个TR它自己的ID并使用它。

来源

2015-06-02 12:49:27 George

我看到CSS类 - 使用它

.form-control { 
    ... 
} 
.form-control { 
    ... 
} 
.btn { 
    ... 
}

或添加您拥有

来源

2015-06-02 12:56:29

试试这个，你保持类内的所有元素。

table .form-control { 
    //Your rule for input fields 
} 
table .btn { 
    //Your rule for button 
}

来源

2015-06-02 13:04:34

如果我只想要这个特定的表格进行样式化，该怎么办？而其他所有人都不能获得这种风格。 –

然后添加一个特定的类（说“我的表”），以该表，并与。我的表.FORM控制。我的表.btn {// 您的输入字段规则}改变你的CSS { //你的按钮规则 } –

哦那样。好的，让我们检查一下，然后回复你。感谢Thanx。 –

如果你想改变你的所有表单域的风格与“形式控制”级

.form-control { 
    border:1px solid #ccc; 
    background:#fff; 
    // etc 
}

如果你想改变风格的特定字段，可以使用ID属性作为选择，例如，针对电子邮件字段代码：

#TextBox5 { 
    color:#fff; 
    // etc 
}

为了您的按钮，你已经有了一个BTN类在那里，所以

.btn { 
    border:3px solid red; 
    background:#fff; 
    border-radius:7px; 
    // etc 
}

来源

2015-06-02 13:09:51 Toby

如何给表格内的所有控制的特定样式

回答

相关问题