IE中输入元素的圆角 [英] rounded corners of input elements in IE

问题描述

是否可以在元素上制作圆角，以便它们在Internet Explorer中可见.

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

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

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

推荐答案

我不希望这样做是可行的，因为IE使用系统控件来呈现输入.在过去的十年中，这导致了很多错误.如果有这种方法，我想这一定是一个讨厌的黑客；)

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>

赋予div和输入的#fff背景颜色，并将输入的边框设置为#fff并将div的边框设置为#000，然后在该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.

哦，我忘了.对于那些不知道的人.输入上的边框很重要，因为它会使用系统默认的外观来覆盖输入，这样您就不会显得那么讨厌.

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. :)

这篇关于IE中输入元素的圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！