IE中输入元素的圆角

时间:2010-04-16 16:51:49

标签: jquery internet-explorer rounded-corners

有没有办法在元素上创建圆角,以便它们在Internet Explorer中可见。

目前,我使用的是curvycorners.js,但它仅适用于块元素......

2 个答案:

答案 0 :(得分:6)

我不希望它成为可能,因为IE使用系统控件来渲染输入。这在过去十年中造成了很多错误。如果有这样的方式 - 我认为它必定是一个讨厌的黑客;)

但要有信心 - 我可以用最简单的想法帮助你!

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

给div和输入#fff背景颜色并将输入的边框设置为#fff并将div的边框设置为#000并调用该div上的curvycorners。可能需要一些填充设置。

编辑:哦,我忘记了。对于那些不知道的人。输入边框非常重要,因为它会覆盖输入的系统默认外观,因此它们不是那么令人讨厌,你知道。

它可能比以前更大,但已经完成了。 :)

答案 1 :(得分:2)

curvycorners.js 是不错的选择,与内联元素相反,您可以将角应用于块级元素,因为它们可以具有宽度和高度。您可以通过将其样式设置为display:inline-block

来使任何元素块级别