Hey Webflow community 
Has anyone else had trouble having their styles apply to a form input field?
Despite putting in 8px as the border-radius, the field doesn’t style.
It works on every other project I have except this one. There is no custom CSS in any of the footer/header areas or on the page.
Thanks!
Hi @frazer,
Welcome to the forum!
Would you be able to send through a Read-only link to your website?
It would also be great if you could provide the live URL to the .webflow.io staging domain!
Cheers!
I think you need to use overflow:hidden (somehow it works) or add a div>field and use the overflow in the div and the radius too
Hey there!
Yeah I tried to do all the tricks but nothing seems to work properly.
There is a default blue border on each of my textfields no matter which class I do apply.
Hey @mww any idea?
Hi @Zehigel as you do not provide some detailed information or a link to the website to be clear about what border you are talking about I will presume you are referencing accessibility borders around inputs that are added by browsers. These borders are accessible via pseudo-class :focus that will allow you their styling.
More information about how to are available on the internet.
Hi @Zehigel,
As @Stan mentioned this is most likely the :focus pseudo class.
If you wanted to hide this altogether you can add the below code to Project Settings > Custom Code > Head Code:
<style> *:focus { outline: none; } </style>
It’s worth noting that this is an accessibility feature so it’s not recommended to remove.
If this isn’t what you’re referring to please provide a read-only link and we can take a look for you!
This should be in bold text as removing outline is accessibility violation that will decrease website ranking.
@Stan, @mww Sorry for not providing any link and for following up so late. Did not receive notifications, sadly.
https://monkey-fomo-lp-coming-soo-219866bfff612.webflow.io/#s-newsletter
I am not sure if I understood the solution you posted, but I basically wanted to override the default accessibility focus states via the webflow designer and then via the custom code on site settings and it did not work in any cases.
I do have a suitable solution now for this site, but on mobile there is no focus state visible anymore. (as you can see in the example posted)
I have tested the password page on iPad, and the green border shows as expected when in focus. I have tested also on iPhone and the green border shows only in landscape and not in portrait. So you have something to start with.
Please set a new request for future questions as you are asking things that aren’t related to the original topic which is about border-radius.