fix: Table miss border-raidus in Firefox (#16957)

* Revert "Merge pull request #16174 from ant-design/fix-table-chrome"

This reverts commit 686c1fc346, reversing
changes made to 924afc2706.

* firefox only

* add comment

components/table/style/index.less

@@ -32,17 +32,11 @@
     border-collapse: collapse;
   }
 
-  &-thead > tr {
-    // For Chrome extra space:
-    // - https://github.com/ant-design/ant-design/issues/14926
-    // - https://github.com/ant-design/ant-design/issues/16131
-    background: @table-header-bg;
-
-    > th {
+  &-thead > tr > th {
     color: @table-header-color;
     font-weight: 500;
     text-align: left;
-      background: transparent;
+    background: @table-header-bg;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     transition: background 0.3s ease;
 
@@ -121,6 +115,8 @@
     &.@{table-prefix-cls}-column-has-actions {
       position: relative;
       background-clip: padding-box; // For Firefox background bug, https://github.com/ant-design/ant-design/issues/12628
+      /* stylelint-disable-next-line */
+      -webkit-background-clip: border-box; // For Chrome extra space: https://github.com/ant-design/ant-design/issues/14926
 
       &.@{table-prefix-cls}-column-has-filters {
         // https://github.com/ant-design/ant-design/issues/12650
@@ -201,7 +197,6 @@
       user-select: none;
     }
   }
-  }
 
   &-thead > tr:first-child > th {
     &:first-child {
@@ -235,6 +230,10 @@
     }
   }
 
+  &-thead > tr:hover {
+    background: none;
+  }
+
   &-footer {
     position: relative;
     padding: @table-padding-vertical @table-padding-horizontal;
@@ -709,4 +708,15 @@
   }
 }
 
+/**
+* Another fix of Firefox:
+* - https://github.com/ant-design/ant-design/issues/12628
+* - https://github.com/ant-design/ant-design/issues/12628
+*/
+@supports (-moz-appearance: meterbar) {
+  .@{table-prefix-cls}-thead > tr > th.@{table-prefix-cls}-column-has-actions {
+    background-clip: padding-box;
+  }
+}
+
 @import './size';