IE中输入元素的圆角答案

【问题标题】：rounded corners of input elements in IEIE中输入元素的圆角
【发布时间】：2011-02-08 22:20:07
【问题描述】：

有没有办法在元素上制作圆角，以便它们在 Internet Explorer 中可见。

目前，我正在使用 curvycorners.js，但它仅适用于块元素...

【问题讨论】：

【解决方案1】：

我不认为这是可能的，因为 IE 使用系统控件来呈现输入。这在过去 10 年中造成了很多错误。如果有这样的方法 - 我想它一定是一个讨厌的黑客;）

但请相信——我可以用最简单的想法帮助你！

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

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

编辑：哦，我忘了。对于那些不知道的人。输入的边框很重要，因为它会覆盖使用系统默认查找输入，这样它们就不会那么糟糕了，你知道的。

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

【讨论】：

【解决方案2】：

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

【讨论】：