Datagrid filter popup button color

[Wolt_Wang]

hello, how do i change the color or style of the button in the popoup

[Wolt_Wang]

i cannot directly change the style of the default css of. the button(ButtonStyle.Secondary,ButtonStyle.Primary),i have use the button style somewhere else, so i need directly set the button style of the two button in the pic.

[enchev]

You can use your browser developer tools element inspector to get the CSS rules applied to the button and define the same rules in your application with different styles.

[Wolt_Wang]

I got this idea, but the button style is also used somewhere else in my app, so if i change the styles of the css the button color or style somewhere else is changed too. Is there any specific property of the filter popup that i can use to change only the button style in the popup.

[enchev]

CSS Specificity

[enchev]

[Wolt_Wang]

[korchev]

You can use nested CSS selectors to target just the filter buttons:

.rz-grid-filter-buttons .btn-secondary {
   color: red !important;
   background: white !important;
}

[Wolt_Wang]

I am so grateful for you guys' reply, i try this in my app and found your reply are the same. I am not familiar with the front like js css etc. Thanks again for my silly questions.