Question

我正在尝试更改在单个页面上分配了“信息”默认类的表行的背景颜色。我添加了以下CSS：

<script type="text/html">
     $(document).ready(function () {
        $("#<%= DisplayFromDateTextBox.ClientID %>").datepicker();
        $("#<%= DisplayToDateTextBox.ClientID   %>").datepicker();
    });
</script>

<div>
    Welche Tage sollen angezeigt werden:
    <asp:TextBox runat="server" ID="DisplayFromDateTextBox"></asp:TextBox>
    Bis
    <asp:TextBox runat="server" ID="DisplayToDateTextBox"></asp:TextBox>
    <asp:Button runat="server" ID="DisplayButton" OnClick="DisplayButton_Click" Text="Anzeigen"/>
</div>

<asp:ListBox ID="JournalListBox" runat="server" Height="531px" Width="593px"></asp:ListBox>

$("#MainContent_DisplayFromDateTextBox").datepicker();

但表格行的颜色不会从信息类的默认蓝色更改为新的自定义颜色。

Answer 1

尝试一下，它将改变：

.table tbody>tr.info td{
  background-color: #24e5d2 !important;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<table class="table table-bordered">
  <tr>
    <td>Definition</td>
  </tr>
  <tr class="info">
    <td>Lorem Ipsum</td>
  </tr>
</table>

Answer 2

如果可能，请使用自定义类.table tbody>tr.info td，而不是使用长层次结构.table .info.custom-info-bg td。

.table .info.custom-info-bg td {
  background: #f1f1f1;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<table class="table table-bordered">
  <tr>
    <td>Definition</td>
  </tr>
  <tr class="info custom-info-bg">
    <td>Lorem Ipsum</td>
  </tr>
</table>

Bootstrap 3.3.5-在单个页面上更改“ Info”类的表行背景颜色

2 个答案: