0

What's the part of the React select dropdown called (the top white curvy part above the first option, in this case option 0)? Is there a way to change the color of that or remove it? There's also one at the bottom of the dropdown. Not sure if that's considered a border

enter image description here

 <ReactSelect
              options={options}
              onChange={(e) => handleChange(e)}
              value={selectOption}
              className="text-black"
            />

another example is here, screenshot taken from react select dropdown https://react-select.com/home, there's that thin white part at the top of the dropdown, right above the first option Ocean

enter image description here

another example from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select, there's that thin part above where it says Please select an option and below Goldfish

enter image description here

user3226932
  • 2,042
  • 6
  • 39
  • 76
  • Can you provide a code example? My first guess would be that it's a border or an outline, but it's hard to tell based on a screenshot – tstrmn Nov 20 '22 at 19:45
  • added, it's kinda unrelated to the code, i'm not sure how else to describe other than the screenshot – user3226932 Nov 20 '22 at 19:52
  • If you are using bootstrap, border classes: https://getbootstrap.com/docs/4.0/utilities/borders/ – SScotti Nov 20 '22 at 19:52
  • Where is `ReactSelect` coming from? – tstrmn Nov 20 '22 at 19:57
  • There was already a solution for this [Check This](https://stackoverflow.com/questions/52614304/react-select-remove-focus-border) – Anish Dalvi Nov 20 '22 at 19:59
  • this is for the dropdown part, not the input part, react select is just what i'm happen to be using, i added another screenshot – user3226932 Nov 20 '22 at 20:05

0 Answers0