Spaces:
Running
Running
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;
|