question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't style selection options in theme

See original GitHub issue

It doesn’t seem possible to set the styles of the children components of the Select component. Is there a way to address the styles of the Select’s children: SelectOption and Text?

So far I have not found a way to change the font size of the Text child component.

Additionally, it seems as though the SelectOption does not inherit the size setting of the parent Select.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
ShimiSuncommented, Apr 9, 2020

We now allow different customization for the Select options and the options text: https://v2.grommet.io/select#select.options.container https://v2.grommet.io/select#select.options.text

I’ll be closing this issue, feel free to reopen if anything else needed in this scope or file a new issue.

1reaction
halmoscommented, Mar 1, 2019

@ShimiSun great - thanks. I’ll take a look in the sourcecode as well.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to style the option of an html "select" element?
I found and using this good example of styling the selects and options.You can do with this select all you want.Here is the...
Read more >
Can't select style kit | WordPress.org
Can't select style kit · In Elementor panel at bottom click the first icon cog wheel to open settings control · Click the...
Read more >
How to Style Select Tags, Create Custom Dropdown - YouTube
Styling Select tags and their child option tags are trickier than it should be. ... Your browser can't play this video.
Read more >
Apply a theme to add color and style to your presentation
To apply a theme to only one or a few slides, select the slide or slides, right-click the theme you want, and select...
Read more >
Theme settings - Shopify Help Center
Learn about theme settings. ... Your browser can't play this video. ... You can set the font style and size for the text...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found