Searchbox highlight color

[boston85719]

Seems like there is currently no way to choose the color that is used to highlight the selected or hovered value from the search box

Or is there a way to change that blue color?

I don’t see any selection available to make.

Does anybody know of some custom code to change it?

[lottemint.md]

Hello,

Please check out the following link:

Bubble - Visual Programming

Editor:

Bubble Editor - Just4tests6

[boston85719]

Thank you so much for this. This is great. Very helpful.

I gotta take this opportunity to ask…

Do you know what would I need to change this

.tt-suggestion

to be used to do the same to a dropdown element?

[lottemint.md]

@boston85719

Thank you so much for this. This is great. Very helpful.

I’m glad to see that it helped.

@boston85719

Do you know what would I need to change this

.tt-suggestion

to be used to do the same to a dropdown element?

Change Select List Option background colour on hover

Unfortunately, you cannot change the color hover.

You can change this color only for specific browsers.

[boston85719]

Thanks for that link. I spent some time the other day searching for ways to do it and the only way seems to create something from scratch using CSS and doing that I do not know how I would capture the selected value to pass back to a bubble workflow.

I guess I’ll just live with the built in and when the project demands it make something from scratch using bubble elements.

[lottemint.md]

Yeah, the fastest way is to use the built-in dropdown.
A bit longer way is to create a kind of reusable custom dropdown using the Bubble’s elements such as Group Focus, Repeating Group, etc.

[jaos.pcl]

Great tip!

Is there a way to customize the result list? This is what I get when trying:

I want to change the whole “box” and not just whats inside.

[lottemint.md]

@jaos.pcl

Great tip!

Thanks!

@jaos.pcl

I want to change the whole “box” and not just whats inside.

.tt-dropdown-menu {
    background: red;
}

[jaos.pcl]

Thank you! That did it!