Update style.css

style.css

@@ -49,43 +49,20 @@ label {
   font-weight: bold;
 }
 
-input, /* General Select Styling */
-select {
-  appearance: none; /* Hilangkan gaya default */
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  background-color: #001d57; /* Latar belakang biru gelap */
-  color: #fff; /* Teks putih */
-  border: 1px solid #87cefa;
-  border-radius: 8px;
+input, select {
+  width: 100%;
   padding: 12px;
   font-size: 16px;
-  font-weight: bold;
-  cursor: pointer;
-  transition: border-color 0.3s ease, box-shadow 0.3s ease;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 12px center;
-  background-size: 16px;
-}
-
-select:hover {
-  border-color: #5faad7;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  transition: border-color 0.3s ease;
 }
 
-select:focus {
-  border-color: #007bff;
-  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
+input:focus, select:focus {
+  border-color: #87cefa;
   outline: none;
 }
 
-/* Dropdown Options Styling */
-option {
-  background-color: #001d57; /* Warna latar dropdown */
-  color: #fff; /* Warna teks dropdown */
-}
-
-
 /* Swap Button */
 .swap-group {
   text-align: center;