Styling is not applied to the select list.
See original GitHub issueAfter installing through npm when I add this snippet
<Select
name="filter-category"
value="one"
options={options}
onChange={logChange}
/>
I get a list but the styling is totally off. Can you help what’s going wrong here.
Issue Analytics
- State:
- Created 8 years ago
- Comments:15 (1 by maintainers)
Top Results From Across the Web
HTML: Select Option styling not working - Stack Overflow
Save this question. Show activity on this post. I'm trying to style a select box, changing all of the color options to red....
Read more >CSS Targeting On Select Options Not Working - SitePoint
Hi All We're attempting to edit the background colour and font on the select options on a form, you'll see the title useage...
Read more >list-style-type - CSS: Cascading Style Sheets - MDN Web Docs
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Read more >Styling `select` elements for real - Microsoft Edge Blog
Several CSS properties can be used to change the appearance of an option, and some properties applied to the <select> element are inherited...
Read more >Striking a Balance Between Native and Custom Select Elements
Custom selects (left) are often used in place of native selects (right) ... 2, The dropdown does not need an active option (e.g....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Are you importing the component like
import Select from 'react-select';
and using a bundler like Webpack? Then you have to import the CSS explicitly:import 'react-select/dist/react-select.css';
in your js component fil just import the scss import ‘react-select/scss/default.scss’
then in the webpack.config module loaders make sure to remove exclude: /node_modules/ beacause you will load the scss from that folder