1

Quick question. Is there any possible way to customize a select tag?enter image description here

<select className="get-company" name="" id="">
   <option value="" disabled selected>Elige la empresa</option>
   <option value="">Company One</option>
   <option value="">Company Two</option>
</select>

For example, I would like to eliminate the arrow and instead make the options appear on hover.

enter image description here

I would also like to change the way the option box looks right now, but I am not sure how can I select any of those 2 things. I would really appreciate any help you guys can give me.

Thanks a lot in advance.

rogerurrutia
  • 33
  • 7
  • are you looking for solution with just html/css? js or other packages? does it have to be a select or would custom component work? – depperm Mar 10 '22 at 17:02
  • Hi! I am trying to get a plain html/css solution. However, I would be more than fine with a simple react component – rogerurrutia Mar 10 '22 at 17:04
  • You cannot use the native browser's ` – vsync Mar 10 '22 at 17:16
  • https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements – vsync Mar 10 '22 at 17:17
  • https://css-tricks.com/making-a-better-custom-select-element/ – vsync Mar 10 '22 at 17:17
  • https://css-tricks.com/styling-a-select-like-its-2019/ – vsync Mar 10 '22 at 17:17
  • Possibly duplicate of - https://stackoverflow.com/q/1895476/104380 – vsync Mar 10 '22 at 17:19

0 Answers0