Question

is there a way to make rounded corners on elements so that they are visible in Internet Explorer.

Currently, I am using curvycorners.js but it only works on block elements…

Answer 1

I don’t expect it to be possible, as IE uses system controls to render inputs. This caused a lot of errors during last 10 years. If there is such a way – it must be a nasty hack I suppose 😉

But have faith – I can help You with the simplest idea ever!

<div class="corners">
<input type="text" style="border:1px solid #fff" />
</div>

give the div and the input #fff background colours and set input’s border to #fff and set div’s border to #000 and call the curvycorners on that div. Some padding setting might be needed.

Edit: O, I forgot. For those who don’t know. The border on input is important as it overrides using the system default look for inputs so that they are not all that vista-nasty, You know.

It might be bigger than before, but it’s done. 🙂