圆角的输入元素在IE

Question

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

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

Answer 1

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

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

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

给div和#FFF背景颜色的输入和设置输入的边境#FFF和div的边框设置为＃000，并呼吁该专区的curvycorners。可能需要一些填充设置。

编辑：O，我忘了。对于那些不知道的人。输入的边界很重要，因为它会覆盖使用系统默认外观的输入，所以它们并不全是那种令人厌恶的东西，你知道的。

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

Answer 2

的curvycorners.js是不错的选择一起去，并且相对于内联元素，你可以申请角落仅仅因为它们可以具有宽度和高度而阻止级别元素。你可以通过设置它们的样式来创建任何元素块级别display:inline-block