Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS framework styles are overriden #257

Open
kobe-ra opened this issue Aug 3, 2023 · 3 comments
Open

CSS framework styles are overriden #257

kobe-ra opened this issue Aug 3, 2023 · 3 comments
Labels
bug Something isn't working DX Developer experience style Anything CSS related

Comments

@kobe-ra
Copy link

kobe-ra commented Aug 3, 2023

When I try to provide border styles for the outer div, they are overriden by Multiselect's styles. I didn't find any prop that would explicitly declare to use user-provided styles.

Here's screenshot and also SvelteLab link.

image

SvelteLab

@kobe-ra kobe-ra added the bug Something isn't working label Aug 3, 2023
@lonelyviking
Copy link

Same issue here using Tailwind.

@janosh
Copy link
Owner

janosh commented Aug 16, 2023

Waiting on news about Svelte 5 to see if it has any bearing on this problem before taking another swing at a solution.

@janosh janosh added DX Developer experience style Anything CSS related labels Aug 16, 2023
@enzon19
Copy link

enzon19 commented Sep 7, 2023

Hey! Just use the ! (same as !important) of Tailwind. That worked for me in the example you gave. See more: https://tailwindcss.com/docs/configuration#important-modifier

(it's not the best solution, as you have to add the ! to each class, but works for now)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working DX Developer experience style Anything CSS related
Projects
None yet
Development

No branches or pull requests

4 participants