Question

我有一个使用bootstrap的MVC5应用程序。表列名称为黑色在白色背景上，我想将其更改为蓝色背景和列名字是白色的，我怎么能这样做？我尝试使用CSS类但没有成功......

<input type="button" value="Add" onclick="addRow()" class="data-button" id="add-row" />


    <table class="table" >
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.name)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.checkBox1)
            </th>
            <th></th>
        </tr>

Answer 1

在你的CSS中

th {
    background-color: blue;
    color: white;
}

Answer 2

您只需将引导程序contextual background colors中的一个应用于标题行即可。在这种情况下（蓝色背景，白色文本）：primary。

$schedule = date('Y-m-d H:i:s');

foreach ($rows as $row) {
    $sql = "UPDATE table SET schedule='$schedule'";
    $stm = $db->query($sql);
    $schedule = date("Y-m-d H:i:s", strtotime('+1 minutes', $schedule));

}

Answer 3

以下是分隔表头和表体的另一种方法：

thead th {
    background-color: #006DCC;
    color: white;
}

tbody td {
    background-color: #EEEEEE;
}

看看这个例子，分离桌子的头部和身体。 JsFiddleLink

Answer 4

//use css
.blue {
    background-color:blue !important;
}
.blue th {
    color:white !important;
}

//html
<table class="table blue">.....</table>

Answer 5

试试这个：

table.table tr th{background-color:blue !important; font-color:white !important;}

希望这会有所帮助..

Answer 6

有一个引导程序功能，用于更改表标题的颜色，称为 thead-dark ，用于表标题的深色背景， thead-light 用于表标题的浅背景。使用此功能后，您的代码将如下所示。

<table class="table">
    <tr class="thead-danger">
        <!-- here I used dark table headre -->
        <th>
            @Html.DisplayNameFor(model => model.name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.checkBox1)
        </th>
        <th></th>
    </tr>

使用引导程序更改表头颜色

6 个答案: