Wikimedia Developer Support

How do you override CSS for elements built with the OOUI library?


I’ve noticed that using ResourceLoader or direct CSS to try to override any elements that use the OOUI library doesn’t since it uses jQuery to replace the style on page load.

For instance, so many extensions like VE, Echo, Flow and so on use the icon provided by OOUI and this makes it nearly impossible to style them.

Am I missing something or is there an easy way apart from !important to try to solve this issue?


So far I found this T100896#3108973. Marking as solved for now until I come across any issues.