I struggle with CSS, so I decided to use a library that includes the following CSS code:
*,
*:before,
*:after {
box-sizing: inherit ;
}
While this code works well for some views, it messes up others and is unnecessary for some.
For instance, in this button https://i.sstatic.net/4qSyz.png
The text inside should be centered, but due to the above CSS, it's being pushed to the right.
I attempted adding a new style called buttonStyle to the button like so:
.buttonStyle
{
box-sizing: unset !important ;
}
Unfortunately, this solution did not work as expected.