style: disable default select highlight (#24)

laurelin60 · Dec 20, 2023 · 14aa4f6 · 14aa4f6
1 parent bfc35e2
commit 14aa4f6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/DropdownComponent.tsx b/components/DropdownComponent.tsx
@@ -53,7 +53,7 @@ export const DropdownComponentSearch = (props: DropdownComponentProps) => {
                 <select
                     value={value}
                     onChange={handleChange}
-                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
+                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 outline-none focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
                 >
                     {data.map((item) => (
                         <option key={item}>{item}</option>

diff --git a/components/hero/hero.tsx b/components/hero/hero.tsx
@@ -27,7 +27,7 @@ const DropdownComponent = (props: DropdownComponentProps) => {
                 <select
                     value={value}
                     onChange={handleChange}
-                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
+                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 outline-none focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
                 >
                     {data.map((item) => (
                         <option key={item}>{item}</option>