Why extern css not working for radzen?

Radzen.Blazor Components
1

Hello,

i hope someone can help me i cant figure out why my page stylesheet isn't working for my Radzen dropdowns. i want to make it responsive but whatever i try it doesn't work, the only thing what is working for me is :

.rz-dropdown { width: 115px !important; }

but i cant use @Media queries in my component. i got the Radzen dropdown set up like this :
******
<RadzenDropDown @bind-Value=""
Data="@"
Placeholder=""
AllowFiltering="true"
FilterCaseSensitivity="Radzen.FilterCaseSensitivity.CaseInsensitive"
Change="*"/>

Can someone help me to solve this problem?

2

Hi @hugo1,

The provided information is not enough to understand what you want to achieve. How do you expect the dropdown to behave on different screens? You can use the Edit Source tab in the demos to edit a demo and paste the complete code here to demonstrate what's not working.

3

What i am trying to do is the following :

i want to put this css :

.rz-dropdown { display: flex; }

into my stylesheet behind my page, but then it is not working.

when i put it inside my blazor component like this it is working fine.

how is this possible? and do u know how to solve the problem?

4

Probably the theme CSS file overrides this. Use your developer tools to see what are the styled that apply at runtime. Inspect the dropdown and check if your CSS rule is applied.