CODEWITHSUNDEEP
asp.netcss
smatter
smatter

Reputation: 29208

Rounded button in ASP.NET using css not working in IE

I am using the following style for an ASP.NET button. It is working in Chrome, but I am not getting the rounded corners in IE. How to fix this?

.button 
{
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
    border-radius: 20px;
    color:white;
    background-color: #BD90DE; 
}

Upvotes: 1

Views: 1670

Answers (2)

donutdan4114
donutdan4114

Reputation: 1272

Border-radius only works in IE9.

Also, it will only work if quirks mode is not on. Press F12 to open the developers windows, and check at the top that Browser Mode and Document mode are set to IE9.

Upvotes: 3

SLaks
SLaks

Reputation: 887777

IE<9 does not support rounded corners.
You can use CSS3PIE or other libraries to fake them.

Upvotes: 3

Related Questions