Extra Dropdown Arrows in Form

Support
#1

We are developing an html form on this page: http://staging.avalon-hotel.nyc/form-test/
In Chrome the date picker fields are carrying a second dropdown arrow on hover that appear to add no functionality whatsoever. I’m able to isolate the webkit arrow, but not the other. Is this arrow added by X Theme? If so, how do I remove it?

#2

Hi There,

To remove that arrow, please add this custom CSS under Theme Options > CSS:

input[type="date"]::-webkit-inner-spin-button{
    display: none;
}

For more information, please take a look at this: https://stackoverflow.com/questions/11418289/remove-background-arrow-from-date-input-in-google-chrome-v20.

Hope it helps :slight_smile:

#3

That worked perfectly. Thank you!!

#4

You’re most welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.