update

dist/bundle.css

@@ -1107,6 +1107,23 @@ textarea {
 .bi-list-item-select.disabled:active.bi-high-light-border {
   border-color: #cccccc;
 }
+.bi-list-item-select2:hover,
+.bi-list-item-select2.hover {
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active,
+.bi-list-item-select2.active {
+  color: #3685f2;
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active .bi-input,
+.bi-list-item-select2.active .bi-input {
+  color: #3685f2;
+}
+.bi-list-item-select2:active .bi-textarea,
+.bi-list-item-select2.active .bi-textarea {
+  color: #3685f2;
+}
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
   color: #ffffff;

dist/bundle.js

@@ -108545,7 +108545,8 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
             items: [{
                 el: {
                     type: "bi.text_button",
-                    cls: "slider-button",
+                    forceNotSelected: true,
+                    cls: "slider-button bi-list-item-select2",
                     ref: function () {
                         self.slider = this;
                     }

dist/core.css

@@ -1107,6 +1107,23 @@ textarea {
 .bi-list-item-select.disabled:active.bi-high-light-border {
   border-color: #cccccc;
 }
+.bi-list-item-select2:hover,
+.bi-list-item-select2.hover {
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active,
+.bi-list-item-select2.active {
+  color: #3685f2;
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active .bi-input,
+.bi-list-item-select2.active .bi-input {
+  color: #3685f2;
+}
+.bi-list-item-select2:active .bi-textarea,
+.bi-list-item-select2.active .bi-textarea {
+  color: #3685f2;
+}
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
   color: #ffffff;

dist/core_without_normalize.css

@@ -829,6 +829,23 @@ textarea {
 .bi-list-item-select.disabled:active.bi-high-light-border {
   border-color: #cccccc;
 }
+.bi-list-item-select2:hover,
+.bi-list-item-select2.hover {
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active,
+.bi-list-item-select2.active {
+  color: #3685f2;
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active .bi-input,
+.bi-list-item-select2.active .bi-input {
+  color: #3685f2;
+}
+.bi-list-item-select2:active .bi-textarea,
+.bi-list-item-select2.active .bi-textarea {
+  color: #3685f2;
+}
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
   color: #ffffff;

dist/fineui.css

@@ -1107,6 +1107,23 @@ textarea {
 .bi-list-item-select.disabled:active.bi-high-light-border {
   border-color: #cccccc;
 }
+.bi-list-item-select2:hover,
+.bi-list-item-select2.hover {
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active,
+.bi-list-item-select2.active {
+  color: #3685f2;
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active .bi-input,
+.bi-list-item-select2.active .bi-input {
+  color: #3685f2;
+}
+.bi-list-item-select2:active .bi-textarea,
+.bi-list-item-select2.active .bi-textarea {
+  color: #3685f2;
+}
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
   color: #ffffff;

dist/fineui.js

@@ -108794,7 +108794,8 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
             items: [{
                 el: {
                     type: "bi.text_button",
-                    cls: "slider-button",
+                    forceNotSelected: true,
+                    cls: "slider-button bi-list-item-select2",
                     ref: function () {
                         self.slider = this;
                     }

dist/widget.js

@@ -20891,7 +20891,8 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
             items: [{
                 el: {
                     type: "bi.text_button",
-                    cls: "slider-button",
+                    forceNotSelected: true,
+                    cls: "slider-button bi-list-item-select2",
                     ref: function () {
                         self.slider = this;
                     }

src/css/core/utils/common.css

@@ -829,6 +829,23 @@ textarea {
 .bi-list-item-select.disabled:active.bi-high-light-border {
   border-color: #cccccc;
 }
+.bi-list-item-select2:hover,
+.bi-list-item-select2.hover {
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active,
+.bi-list-item-select2.active {
+  color: #3685f2;
+  background-color: #f7f8fa;
+}
+.bi-list-item-select2:active .bi-input,
+.bi-list-item-select2.active .bi-input {
+  color: #3685f2;
+}
+.bi-list-item-select2:active .bi-textarea,
+.bi-list-item-select2.active .bi-textarea {
+  color: #3685f2;
+}
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
   color: #ffffff;

src/less/core/utils/common.less

@@ -812,6 +812,23 @@ textarea {
   }
 }
 
+//与bi-list-item-select的区别是背景是灰的
+.bi-list-item-select2 {
+  &:hover, &.hover {
+    background-color: @color-bi-background-normal;
+  }
+  &:active, &.active {
+    color: @color-bi-text-highlight;
+    & .bi-input {
+      color: @color-bi-text-highlight;
+    }
+    & .bi-textarea {
+      color: @color-bi-text-highlight;
+    }
+    background-color: @color-bi-background-normal;
+  }
+}
+
 .bi-theme-dark {
   .bi-list-item-select {
     &:hover, &.hover {

src/widget/singleslider/button/iconbutton.slider.js

@@ -24,7 +24,8 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
             items: [{
                 el: {
                     type: "bi.text_button",
-                    cls: "slider-button",
+                    forceNotSelected: true,
+                    cls: "slider-button bi-list-item-select2",
                     ref: function () {
                         self.slider = this;
                     }