Fix css style in webkit
This commit is contained in:
parent
4547b010d4
commit
085623e107
2 changed files with 6 additions and 1 deletions
3
src/lib/Select.postcss
Normal file
3
src/lib/Select.postcss
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
.Select {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
|
@ -1,4 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
import './Select.postcss';
|
||||||
|
|
||||||
export let id: string;
|
export let id: string;
|
||||||
export let options: Array<Array<string>> | undefined;
|
export let options: Array<Array<string>> | undefined;
|
||||||
export let defaultText: string;
|
export let defaultText: string;
|
||||||
|
@ -14,7 +16,7 @@
|
||||||
<select
|
<select
|
||||||
bind:value={selected}
|
bind:value={selected}
|
||||||
id={id}
|
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>
|
<option selected>{defaultText}</option>
|
||||||
{#if options !== undefined}
|
{#if options !== undefined}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue