Question

我正在尝试做一些简单的事情，将边框颜色应用于表格，以及小半径，如下所示：

.myTable {
    border: 1px solid #b6dde3;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

<table class="myTable">
    <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

这在隔离方面工作得很好，但是在Twitter Bootstrap项目中，无论我做什么，外观都不会改变，它看起来好像没有应用任何样式！

我所有的其他CSS都能正常工作。

这是正常的Bootstrap行为吗？我该如何覆盖它？

由于

Answer 1

使用BS 3.1.1时，您需要为CSS添加一个额外的属性，如下所示（基于您给出的内容）：

.myTable {
    border: 1px solid #b6dde3;
    -ms-border-radius: 4px; /* IE9+ supports border-radius, no need to prefix */
    border-radius: 4px;
    border-collapse: separate; /* add this */
}

<强> View Fiddle here

Answer 2

正如你在这里看到的那样：http://jsfiddle.net/39Z5k/，它本身就很完美，所以引导程序可能只是覆盖了你的规则。

.myTable {
    border: 1px solid #b6dde3;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

<table class="myTable">
    <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

桌子上的边框颜色拒绝工作

2 个答案: