Setting Font for <select> has no Effect

Setting Font for has no Effect

Ethan · 2025-08-25T14:05:14.53+00:00

Hi all, I have created a generic component for my app, But when I set the font for any of its components, there is no effect, it just defaults to (I think) Times New Roman.This occurs both when previewing and in the font preview panel of the editor.

Ethan

3 months ago

Hi all, I have created a generic <select> component for my app, But when I set the font for any of its components, there is no effect, it just defaults to (I think) Times New Roman.

This occurs both when previewing and in the font preview panel of the editor.
✅1
Iwooo

3 months ago

I'm battling with styling the select too. :/ Paddings seem to work weird as well.
BabaBambule

3 months ago

Because select often gets overriden by the os. There is an article on mdn about it, and how to approach it

https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Advanced_form_styling#Dealing_with_the_select_nightmare
🤩1

Setting Font for <select> has no Effect

Ethan

Iwooo

BabaBambule