Update src/display/css_html_js.py

src/display/css_html_js.py

@@ -94,25 +94,27 @@ custom_css = """
 #box-filter > .form{
     border: 0
 }
-/* 自定义勾选按钮的颜色 */
-.gr_checkbox input:checked + label {
-    background-color: #4CAF50; /* 选中时的背景颜色 */
-    color: white; /* 选中时的文字颜色 */
+/* 隐藏默认复选框 */
+.gr_checkbox input[type="checkbox"] {
+    display: none; /* 隐藏默认勾选框 */
 }
 
+/* 自定义复选框的标签样式 */
 .gr_checkbox label {
-    padding: 10px; /* 增加内边距 */
-    border: 2px solid #4CAF50; /* 边框颜色 */
-    border-radius: 5px; /* 圆角 */
+    display: inline-block;
+    padding: 10px;
     cursor: pointer; /* 鼠标悬停时显示手型光标 */
 }
 
-.gr_checkbox input[type="checkbox"]:checked + label::before {
-    background-color: #4CAF50; /* 勾选框内的颜色 */
+/* 自定义复选框的选中状态 */
+.gr_checkbox input[type="checkbox"]:checked + label {
+    background-color: blue; /* 选中时的背景颜色为蓝色 */
+    color: white; /* 选中时的文字颜色 */
 }
 
-.gr_checkbox input[type="checkbox"] {
-    display: none; /* 隐藏默认勾选框 */
+/* 自定义复选框内的选中标识颜色 */
+.gr_checkbox input[type="checkbox"]:checked + label::before {
+    background-color: blue; /* 勾选框内的颜色为蓝色 */
 }
 """