Update data_gc_tab.html

data_gc_tab.html

@@ -188,6 +188,30 @@
         font-size: 16px;
         color: #666;
     }
+#filter-field, #filter-type, #filter-value {
+    padding: 10px;
+    font-size: 16px;
+    margin: 5px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    background-color: #f0f0f0;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+#filter-field:focus, #filter-type:focus, #filter-value:focus {
+    border-color: #4CAF50;
+    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
+}
+
+#filter-field option, #filter-type option {
+    background-color: #f0f0f0;
+    color: #333;
+}
+
+#filter-field:hover, #filter-type:hover, #filter-value:hover {
+    border-color: #4CAF50;
+}
+  
 </style>
 </head>