How can I center align the options in a drop down field?

Hi!

Can you please provide me with css to center align the options in a drop down field? Thanks.

Try injecting the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

.form-dropdown {

text-indent: 40%;

}

Let us know if you need more help.

That works for the placeholder, but I have some options that are rather long and they get cut off on the right when selected (see image)...  

Thanks

Hello eastendyves,

Unfortunately, this is a limit in CSS and there is no way to center align the text in a dropdown.

There is a solution to center align only the last selected text but it's not working on Microsoft Edge browsers. Anyhow, you can try this CSS code for select menus:

select {
   text-align-last: center;
   text-align: center;
   -ms-text-align-last: center;
   -moz-text-align-last: center;
}

Thanks.

Thank you very much, that solves the problem!