邊框顏色上表拒絕工作

我試圖做一些事情那麼簡單哦，應用邊框顏色到一個表，以及一個小半徑，就像這樣：邊框顏色上表拒絕工作

.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行爲嗎？我如何覆蓋它？

感謝

來源

2014-02-24 prisoner24601

在Chrome http://jsfiddle.net/j08691/v5KAa/中似乎很好。你的風格是在Bootstrap之前還是之後？ – j08691

@ j08691更新了我的問題，似乎是Twitter Bootstrap特定的。 – prisoner24601

嘗試在您的邊框樣式後添加！important。請參閱：http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/ – jCuga

在使用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

來源

2014-02-24 16:02:53 dward

謝謝你這麼多，你只是通過窗口保存我的筆記本電腦！ – prisoner24601

很高興我能幫到你。如果您覺得上面的答案解決了您的問題，請接受它，以便其他人將來有更好的想法。 – dward

正如你可以在這裏看到：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>

來源

2014-02-24 16:01:37 skreborn

謝謝，我該如何告訴Bootstrap退出？沒有什麼工作，甚至沒有！重要 – prisoner24601

邊框顏色上表拒絕工作

回答

相關問題