Styling font of "select" component in atom package


#1

I have developed a package for Atom where I am using some form components such as “select”. I can style pretty much anything in these components except for “font-family”. Select is stuck with some default font and there is no way of changing it and it looks plain ugly:

Is there any way to change this font? I even tried to modify it in dev tools but no luck … most properties are changing but font is stuck with the default one. Thanks!


#2

This is not a problem with Atom, you need to remove the default styles of the select and add new ones like this:

    -webkit-appearance: none;
    font-family: monospace;
    font-size: 62px;