1

No way to customize option in bootstrap-vue select component. I would like to add padding on top. i try to modify class "custom-select" and tag option but i hanven't reached the solution.

screenshot

nickb84
  • 591
  • 2
  • 6
  • 11

1 Answers1

0

Unfortunately bootstrap-vue doesn't offer a select form input solution that has a custom dropdown area, if the select is not multiple. More on this: Non custom select

This means that you need some workaround tools that do the job for you, like using a utility library. More information can be found on other Stackoverflow issues, like, this one or this. All of them say that the native select option can be styled only to a very limited degree - unfortunately, setting the padding is not included.

muka.gergely
  • 8,063
  • 2
  • 17
  • 34