svelte-typeahead icon indicating copy to clipboard operation
svelte-typeahead copied to clipboard

styling overrides require more specific CSS selectors

Open russellsamora opened this issue 1 year ago • 1 comments

For the results you just need:

:global([data-svelte-typeahead] li) {
  background: blue;
}

But for the form elements (input and label) you need:

:global([data-svelte-typeahead] [data-svelte-search] input) {
  background: blue;
}

russellsamora avatar Mar 08 '23 14:03 russellsamora

this actually sometimes doesn't work, and requires the !important flag (in the case of the ul element), so maybe worth noting as well.

russellsamora avatar Mar 08 '23 14:03 russellsamora