Archived topic
css that globally overrides all input form & button border radius
5 replies · Started by Halil on February 5, 2022
Hi
Im using several plugins that create their own input form and button styles.
is it possible to write a css that overrides all of these different settings so that for example all buttons/input boxes have 4 px border radius, 4 px padding from the left, on hover button will look exact same color?
thanks.
Hi there,
it depends on whether those elements have their own very specific CSS styles. You coild try this for example:
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select,
button {
border-radius: 4px !important;
padding-left: 4px !important;
}Might work....
thanks David,
how about buttons, like woocommerce/GP buttons saying "buy" , "Read more" etc. I'm quite inexperienced with css.
For those you would do something like this:
a.button {
border-radius: 4px;
}Some may need tweaking and i am happy to look at any items on your site and provide some specific CSS.
huge thanks David, I'll try doing it by myself to more learn about css.
U guys are always great at custom support.
best
Glad to be of help!!
