Why is Firefox missing the border on some HTML tables

前端 未结 9 1746
我在风中等你
我在风中等你 2021-02-04 00:05

I am using Firefox 3.5.7 and I have the same CSS used in multiple HTML tables, but there are some examples where parts of the borders are not shown.

What makes no sens

9条回答
  •  轻奢々
    轻奢々 (楼主)
    2021-02-04 00:47

    I had the same problem with missing table border. My solution is:

    table{
      border-collapse: collapse !important;
      border-spacing: 0px;
      border: 1px solid #DDD;
    }
    

    And border for table rows:

    table tr{
      border-bottom: 1px solid #DDD !important;
    }
    

    I am using Bootstrap either in my layout and the table has also bootstrap css classes like "table table-striped table-bordered"

    This solution works for me, when I tried solution with

    border-collapse: separate !important;
    

    it didn't work properly for me.

提交回复
热议问题