Welcome to WebmasterWorld Guest from 3.81.29.226

Forum Moderators: not2easy

Problem with rounded buttons

     
1:40 pm on Aug 4, 2019 (gmt 0)

New User

joined:Aug 4, 2019
posts:3
votes: 0


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]

2:38 pm on Aug 4, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Nov 13, 2016
posts:1194
votes: 288


"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.
2:57 pm on Aug 4, 2019 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4558
votes: 363


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?
3:00 pm on Aug 4, 2019 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4558
votes: 363


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.
8:33 pm on Aug 4, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Nov 13, 2016
posts:1194
votes: 288


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.