Search Issue Tracker
By Design
By Design in 2023.1.X
Votes
0
Found in
2020.3.35f1
2021.3.5f1
2022.1.5f1
2022.2.0a17
2023.1.0a2
Issue ID
UUM-7678
Regression
No
Button color is not changing when hovering/clicking on it if the Background color was changed
How to reproduce:
1. Open project "UIToolkitIssue.zip"
2. Open "SampleScene" Scene
3. Enter Play Mode and hover/click with a cursor on the "Button" Button
4. Observe the Button
5. Exit Play Mode and open "Menu.uxml" file (Assets > Resources > Menu)
6. Select Button and change the Background color
7. Save UI Builder and repeat the 3rd and 4th steps
Expected result: Button color changes when hovered/clicked
Actual result: Button color is not changing when hovered/clicked
Reproducible with: 1.0.0-preview.18 (2020.3.36f1), 1.0.0 (2021.3.4f1, 2022.1.5f1, 2022.2.0a17)
Could not test with: 2019.4.40f1 (Errors after project downgrade)
Reproduced on: macOS 11.6 (Intel)
Note: Reproducible in the Editor and in the Player
Add comment
All about bugs
View bugs we have successfully reproduced, and vote for the bugs you want to see fixed most urgently.
Latest issues
- Out-of-bounds memory access with multiple CanvasRenderers under a Canvas when using Mesh API
- Inspector tries to access file after it was deleted when the file was locked in Inspector window
- Changing Transform values in Search window Inspector loses focus while dragging and stopping mouse without releasing dragging action
- Saving changes on the dirty VFX Graph during the Play mode throws "The referenced script (Unknown) on this Behaviour is missing!" warnings
- VFX Graph Debug Info overlaps the "Initialize" block debug info by default
Resolution Note:
When assigning the background color by clicking on the element in the UI builder it will set the color directly in the Uxml, this is considered as an inline style. This has precedence over styles coming from USS. The default runtime time is using the selectors ".unity-button" and ".unity-button:hover" which does the hover effect.
Since the color was assigned in Uxml the ".unity-button:hover" will not be applied and the color will remain the same. The solution is to use USS to set the background color of the Button.
Resolution Note (2023.1.X):
When assigning the background color by clicking on the element in the UI builder it will set the color directly in the Uxml, this is considered as an inline style. This has precedence over styles coming from USS. The default runtime time is using the selectors ".unity-button" and ".unity-button:hover" which does the hover effect.
Since the color was assigned in Uxml the ".unity-button:hover" will not be applied and the color will remain the same. The solution is to use USS to set the background color of the Button.