Dropdownfield hover & active state background color

UI UI Toolkit
,
1

Hi, how can I access the Dropdownfield hover & active state background color in uss ?
Also need to be able to set the arrow hover which I for some reason cant accessed.

Tried to find it via debugger ui but for some reason it cant be accessed.

Ps I have a theme style sheet.

2

Hello! To target the hover and active state of any element you can use :hover and :active. Here’s the example for the dropdown field:

.unity-popup-field:hover .unity-popup-field__input, .unity-popup-field:active .unity-popup-field__input {
    background-color: red;
}

And for the arrow, it’s .unity-base-popup-field__arrow:hover

You can use the builder and debugger to access these class names. Hope that helps!

3

Thank you, I used the debugger but for some reason it never triggered as I expected.
The code you provided works as expected. Just had to do this for the arrow

.unity-popup-field:hover .unity-base-popup-field__arrow{
background-color: red;
}

I have another question concerning the arrow.

Im loading a custom arrow as a png using uss. However there are some problems with the display of this arrow, the white part of the arrow is transparent so it gets the same color as the background. The alpha is set to use alpha not luminance.

Should the texture be loaded in a different way to display it correctly?