Fix css style in webkit

This commit is contained in:
Hydroxycarbamide 2022-09-11 23:41:43 +02:00
parent 4547b010d4
commit 085623e107
2 changed files with 6 additions and 1 deletions

3
src/lib/Select.postcss Normal file
View file

@ -0,0 +1,3 @@
.Select {
-webkit-appearance: none;
}

View file

@ -1,4 +1,6 @@
<script lang="ts">
import './Select.postcss';
export let id: string;
export let options: Array<Array<string>> | undefined;
export let defaultText: string;
@ -14,7 +16,7 @@
<select
bind:value={selected}
id={id}
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
class="Select bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
>
<option selected>{defaultText}</option>
{#if options !== undefined}