0

I want to set shadow for TR - on Firefox works fine but on Chrome not working.
box-shadow for TD works on every browsers.
enter image description here I'm using Bootstrap with DataTables so when I set display: block; for TR, I getting:
enter image description here

Here is CSS: 

-webkit-box-shadow: 2px 2px 5px 0 #000;
   -moz-box-shadow: 2px 2px 5px 0 #000;
        box-shadow: 2px 2px 5px 0 #000;
Vertisan
  • 720
  • 3
  • 14
  • 34
  • Looks like a reasonable question, but we are going to need to see your source http://stackoverflow.com/help/mcve – Daniel Wisehart Sep 10 '16 at 14:56
  • Please add your code. – Prafulla Kumar Sahu Sep 10 '16 at 19:33
  • @PrafullaKumarSahu I added code into my post. – Vertisan Sep 10 '16 at 20:37
  • Possible duplicate of [Box Shadow on table row not appearing on certain browsers](http://stackoverflow.com/questions/10874985/box-shadow-on-table-row-not-appearing-on-certain-browsers) – Andrew Morton Sep 10 '16 at 21:10
  • You shouldn't really rely on setting _any_ styles on `tr`s. Table rows are not supposed to have styles of themselves, and many, many properties cause different behaviours between browsers. See [this question](http://stackoverflow.com/questions/10514900/table-row-background-image), [this one](http://stackoverflow.com/questions/38816104/why-the-table-margins-go-wrong-when-it-is-dir-rtl) etc. – Mr Lister Sep 11 '16 at 13:46

0 Answers0