Home/ Questions/Q 8003489
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T16:39:45+00:00

I am using -webkit-border-radius:5px; -moz-border-radius:5px; for the radius of the div. It is working

  • 0

I am using -webkit-border-radius:5px; -moz-border-radius:5px; for the radius of the div. It is working fine in chrome and sfari but not in Mozilla Firefox and IE8.
How I can resolve it

<div style="background-color:#f7f7f7; width:340px; height:175px; -webkit-border-radius:6px;-moz-border-radius:6px;">
              <div style="padding-top:20px;text-align:center"><input name="email" type="text" class="required emailcheck" placeholder="Enter your email address" id="email" style="height:25px; width:200px;-moz-border-radius:5px; -webkit-border-radius:5px; "></div>

              <div style="padding-top:20px;text-align:center"><input type="password" name="password" id="password" placeholder="Password"  class="required" style="height:25px; width:200px; -webkit-border-radius:5px;-moz-border-radius:5px;"></div>


          </div>​

JS Fiddle http://jsfiddle.net/ranasaani/uHHLX/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t make it work unless you use images, or a behaviour htc file for rounded corners.

    To check support for something, use caniuse.com: http://caniuse.com/#search=border-radius

    To get rounded corners in IE8 and below check the following page:

    http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

    Though these solutions are less than ideal, they are the only way I’m afraid….

    • 0