border-spacing | 易学教程

Override Bootstrap table border-collapse style

阅读更多关于 Override Bootstrap table border-collapse style

问题 Bootstrap has a table {border-collapse: collapse; border-spacing:0;} style. I want to override this so I've create a class and applied it to the table in question: table.FormGroupContainer { border-collapse: separate; border-spacing: 2px; } but still the borders remain collapsed. The Chrome element inspector shows the Bootstrap CSS has been overridden but only disabling the style in the inspector allows a border spacing. I have observed this in IE 11 and Firefox 31.0. Inline styles also

How to remove spaces between cells in a html table

阅读更多关于 How to remove spaces between cells in a html table

问题 I try to remove white space between Table1Header and Table2Header. I tried border:0px, padding:0px and border-spacing:0px; styles. Firefox and Opera tell me that my border-spacing style is overrided by the user agent style (which is 2px). How can I force browser to use my styleshits? http://jsfiddle.net/cdjDR/2/ <table class="tableGroup"> <tbody> <tr> <td> <table> <tbody> <tr class="tableHeader"> <td><span class="tableHeader"><label>Table1Header</label></span> </td> </tr> <tr class="

How to remove spaces between cells in a html table

阅读更多关于 How to remove spaces between cells in a html table

I try to remove white space between Table1Header and Table2Header. I tried border:0px, padding:0px and border-spacing:0px; styles. Firefox and Opera tell me that my border-spacing style is overrided by the user agent style (which is 2px). How can I force browser to use my styleshits? http://jsfiddle.net/cdjDR/2/ <table class="tableGroup"> <tbody> <tr> <td> <table> <tbody> <tr class="tableHeader"> <td><span class="tableHeader"><label>Table1Header</label></span> </td> </tr> <tr class=" tableData"> <td> <div class="ui-datatable"> <div> <table> <thead> <tr> <th> <div><span><span class="ui-header