Problem with rounded buttons

[gxbc]

I'm having a tough problem with Opera and rounded buttons.

I'm using this code:

<button type="button" style="border: 5px solid green;border-radius: 20px;font-size: 50px">Green</button>

It works perfectly in Chrome and Firefox, but in Opera, I can't get it to work. Buttons in Opera are always square (standard formatting). My Opera version is 38.

Do you have any clue on what's happening and how to solve this ?

[edited by: not2easy at 2:24 pm (utc) on Aug 4, 2019]
[edit reason] removed source link [/edit]

[Dimitri]

"if" it was not an attempt of discreet spamming, I would say, that you should post your whole HTML code, because border-radius like that perfectly works in Opera since v10. So, if it's not working for you , it might be due to something else in the page.

[not2easy]

So the Button appears but is square? Have you tried applying the styling to the "a" element? That assumes that the button is for a link. If it is not for a link, have you tried applying the styling to the <div> element where it appears?

[not2easy]

The CSS Charter [webmasterworld.com] requests that people do not paste in an entire page of html code, but the <div> or <p> where it appears is fine to share, along with whatever style code applies to it.

[Dimitri]

May be the OP is not really using inline style, but uses class, in that case, it's possible that the button class is being overwritten by another one for example.