Styling the Search Panel with existing css classes.

v6
1

Is it at all possible to assign certain CSS classes or IDs to the buttons, panels, and search boxes in the search extensions?

I have some existing CSS sheets I’d really love to just reuse, vs reimplementing with style-mod.

Looking around, I’m thinking no and so my only option is to either roll my own search extension or reimplement with style-mod, but I wanted to make sure I’m not missing anything.

Thanks so much for this, by the way. I really appreciate you taking the time to answer questions directly like this.

2

You can’t add arbitrary classes, no, but the elements have predictable class names that you can target with hand-written CSS (if you make sure your rules have a specificity at least as high as the default styles).

3

Alright, got it. Thanks again for the help!

4

For any future searchers, I ended up just using some real basic CSS to style it how I wanted instead of rolling my own.