How do I style options within a NativeSelect?

[govi218]

Say I have the following div:

<div>
  <NativeSelect
    size="xl"
    data={myList.map(w => { return { label: p.name, value: p.id }; })}
    on:change={handleChange}
    />
</div>

How would I pass in a font-size for the <option> elements within?

[govi218]

It fit my use case to instead use an Input, but the only way I could have the desired font-size was by creating an ID for the element and applying a global style. Upon some more research, it looked like there was a conflict from a user agent stylesheet. For context, I'm using SvelteUI on a chrome extension; this happens on the newtab page.
I also tried passing in the override prop; this did not work in the newtab page (as it had same priority as the user agent), but it worked for a content script I am injecting into pages.