表格增加行号和鼠标悬停行样式

2026-10-12 23:31:39 +08:00 · 2020-11-25 13:31:10 +08:00
parent 245d84ebca
commit b078351b78
1 changed files with 17 additions and 0 deletions
@@ -809,6 +809,23 @@ button:hover {
  .view img {
    background-color: #fff !important;
  }
+
+  table tbody {
+    counter-reset: tr-number;
+  }
+
+  table tbody tr:hover {
+    outline: 2px #b3833b dashed;
+  }
+
+  table:hover tbody tr td:first-child:before {
+    counter-increment: tr-number;
+    content: counter(tr-number);
+    position: absolute;
+    right: 100%;
+    padding-right: 5px;
+    color: #999;
+  }
 }

@media print {