Select Field Styling

This topic has 4 replies, 2 voices, and was last updated 1 year, 4 months ago by rawmix.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
January 23, 2025 at 5:27 am #52591

rawmix
Participant

Hi there,

I like to check if changing the arrow on the select field is possible. I’m trying to make the whole site to have a consistent look for the the form field.

Thank you.
Din

January 23, 2025 at 10:33 am #52600
Ernest Marcinko
Keymaster
Hi,

Well, the only I was able to find is from this stack overflow thread. Basically this custom CSS:
```
.asp_ss select {
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat !important;
    background-position: calc(100% - 0.75rem) center !important;
    appearance: none !important;
}
```
It should yield a very similar output to what you are looking for.
January 23, 2025 at 11:01 am #52602

rawmix
Participant

Thank you very much. It works well as I expected.

January 23, 2025 at 11:01 am #52603

Ernest Marcinko
Keymaster

Great 🙂

If you don’t mind, I will close this topic soon and mark it as resolved, feel free to open another one if you have other questions or issues.

If you like the plugin and have not rated already, feel free to leave a rating on the wordpress plugin repository, it’s greatly appreciated.

January 23, 2025 at 11:05 am #52604

rawmix
Participant

Yes, you can close the ticket. Thank you. I will definitely leave a rating on the WordPress repository. Your search plugin is awesome. I’m glad I swapped the search to Ajax Search Pro. It frees up my database space significantly.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Select Field Styling’ is closed to new replies.