Hey. So i am trying to override the default styling of the select drop-down and I have achieved much of it to a certain degree using the following code in the custom HTML & CSS areas in the site:
.ab_form-select-input {
background-color: #eeeeee ;
color: #b2b2b2 ;
font-size: inherit;
padding: .5em;
padding-right: 2.5em;
border: 0;
margin: 0;
border-radius: 3px;
text-indent: 0.01px;
text-overflow: '';
border: 0 !important;
-webkit-appearance: none !important;
}
Unfortunately there still seems to be a distracting gradient that takes away much of the styling that is achieved from the above code. I am trying to take off this gradient. Any chance someone would be able to share a work around this? I am attempting to make the select box as visually similar to the other input fields in this form.
I have attached an image to show you what I mean. (Also the default select arrow has disappeared due to the custom styling. Will be working on that later).
PS: I will share the public link if it is needed. Since this is more of a general question, I haven’t linked it here. Thank you in advance.
Here is my public share link: LINK
(how to access public share link)