Bootstrap table-bordered remove right, left borders

user_458960 0
Viewed 53501

I'm using a table like so:

<table class="table table-hover table-bordered">

This table creates cells that have borders on all four sides. What I want is to remove the left and right borders, but keep top and bottom.

I tried:

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{
   border-right:none;
   border-left: none;
   border-bottom: 1px solid red;
}

However, this does not remove the left or right borders, but it does apply a red bottom border, so I know it's at least processing this CSS, but with no effect for removing borders.

Any ideas?

twitter-bootstrap css
2 Answers

try this:

border-right: hidden!important;
user_67347740
Related