Is it possible to change the look of the arrows of dropdown question?

Next, is it possible to change the look of the arrows at the right of a select button, see also in attachment If so what code to use or change?

Thanks

Hi there,

Yes, it is possible by injecting some CSS to your form; but first please get the URL of the arrow image for your dropdown, then put it on the blue marked area.

.form-dropdown {

    background: url(URL OF THE ARROW IMAGE WILL BE WRITTEN HERE) no-repeat right #ddd;

}

Above, the green marked area is controlling the background color of the options, so you can adjust the color from there. Please, see the one of the examples from the below:

If you need any extra information, please do let us know.

Regards.

Thank you for your help.

I added your code, that works but in the right of the select buttons the default arrows are still visible, how can those be removed?

And is it possible to place the labels Dag and Maand inside the select fields on start?

I included the screenshots in attachment. Hopefully it's clear.

Thanks already.

Hi there,

The browsers' default stylings are still overwriting our customized dropdowns; but we have a solution for that issue too. Please, add the following CSS rules to your form:

.form-dropdown {

    -webkit-appearance: none;

    -moz-appearance: none;

}

select::-ms-expand {

    display: none;

}

Also, see the results from the below:

Thanks.

OK, Thanks a lot.

About the last question, to place the labels inside the fields, is that possible?

To have the sub-labels inside the select field you can add the text for 'Empty Option Text' by going to the field Properties.