Update style.css
Browse files
style.css
CHANGED
@@ -43,6 +43,11 @@ input, select {
|
|
43 |
border: 1px solid #E0E0E0;
|
44 |
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
|
45 |
transition: all 0.3s ease;
|
|
|
|
|
|
|
|
|
|
|
46 |
}
|
47 |
|
48 |
input:focus, select:focus {
|
@@ -51,6 +56,16 @@ input:focus, select:focus {
|
|
51 |
box-shadow: 0 0 8px rgba(0, 180, 50, 0.2);
|
52 |
}
|
53 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
54 |
.currency-selectors {
|
55 |
display: flex;
|
56 |
justify-content: center;
|
|
|
43 |
border: 1px solid #E0E0E0;
|
44 |
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
|
45 |
transition: all 0.3s ease;
|
46 |
+
appearance: none; /* Menghapus tampilan default dropdown */
|
47 |
+
-webkit-appearance: none; /* Untuk Safari */
|
48 |
+
-moz-appearance: none; /* Untuk Firefox */
|
49 |
+
background-color: #fff;
|
50 |
+
color: #555;
|
51 |
}
|
52 |
|
53 |
input:focus, select:focus {
|
|
|
56 |
box-shadow: 0 0 8px rgba(0, 180, 50, 0.2);
|
57 |
}
|
58 |
|
59 |
+
/* Gaya untuk elemen select agar lebih modern */
|
60 |
+
select {
|
61 |
+
background-image: url('https://img.icons8.com/ios/452/down-squared.png'); /* Ikon dropdown */
|
62 |
+
background-repeat: no-repeat;
|
63 |
+
background-position: right 10px center;
|
64 |
+
background-size: 16px;
|
65 |
+
padding-right: 40px; /* Memberikan ruang untuk ikon di kanan */
|
66 |
+
}
|
67 |
+
|
68 |
+
/* Styling untuk selector mata uang */
|
69 |
.currency-selectors {
|
70 |
display: flex;
|
71 |
justify-content: center;
|