diff --git a/src/sao.less b/src/sao.less
index 4bdd07c712..54fe061e73 100644
--- a/src/sao.less
+++ b/src/sao.less
@@ -64,6 +64,8 @@
     white-space: nowrap;
 }
 
+.table-row-variant(selected, @state-info-bg);
+
 .tab-form, .tab-board {
     nav.toolbar.affix {
         top: @navbar-height + 1px;
diff --git a/src/view/tree.js b/src/view/tree.js
index 4bc974561d..0fca284c93 100644
--- a/src/view/tree.js
+++ b/src/view/tree.js
@@ -1168,6 +1168,11 @@
                 return;
             }
             this.selection.prop('checked', value);
+            if (value) {
+                this.el.addClass('selected');
+            } else {
+                this.el.removeClass('selected');
+            }
             if (!value) {
                 this.tree.selection.prop('checked', false);
             }