Css Select-Option With Margin-top

- 1 answer

I'm trying to make dropbox or comboBox with select-option

I want to put space between select and first child(option).

enter image description here

I tried

            <option style={{ marginTop: "100px" }} value="Test">test</option>
            <option value="Test">test</option>

But failed.

Any ideas?



There are only a few style attributes that can be applied to an element.

This is because this type of element is an example of a "replaced element". They are OS-dependent and are not part of the HTML/browser. It cannot be styled via CSS.

Unfortunately, webkit browsers do not support styling of option tags yet.

you may find similar question here

  1. How to style a select tag's option element?
  2. Styling option value in select drop down html not work on Chrome & Safari

The most widely used cross browser solution is to use ul li

Hope that helps!!!!