html - CSS box-shadow inset gap between border when collapsed border -


i have table border-collapse: collapse set, , result odd gap between the box-shadow inset , border, gets bigger bigger border widths. how avoid weirdness? on chrome, way.

html:

<table class="thetable">   <tr>     <td class="weirdgap">       unexpected gap       <br>       unexpected gap     </td>   </tr> </table> 

css:

.thetable {   border-collapse: collapse;  }  .weirdgap {   box-shadow: inset 0 0 6px red;   border: 5px solid blue; } 

here's jsfiddle http://jsfiddle.net/ukhgk/11/

the border-collapse property sets table borders collapsed single border or detached in standard html. can find more developer.mozilla.org/.../border-collapse how use examples.


Comments

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -