Question

我有一张这样的表

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

提前完成。

Answer 1

我看到CSS类 - 使用它

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

或添加您的所有者

Answer 2

对于文本框

table input[type="text"]{
}

按钮

table input[type="submit"]{
}

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

Answer 3

在为所有内部元素维护类时尝试此操作。

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

Answer 4

如果您想使用'form-control'类

更改所有表单字段的样式

>>>a = [[["a", 15], [12, 0]], [[12, 4]]]
>>>indeces = [0,1,0]
>>>newval = 217
>>>s = "a"+"".join(['['+str(x)+']'for x in indeces])+"="+str(newval )
>>>s
'a[0][1][0]=217'
>>>exec s
>>>a
[[["a", 15], [217, 0]], [[12, 4]]]

如果您想更改特定字段的样式，可以使用ID属性作为选择器，例如代码中的电子邮件字段：

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

对于你的按钮，你在那里有一个btn课程，所以

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

如何为表中的所有控件赋予特定样式

4 个答案: