css – 使用border-radius.htc作为IE的圆角

我想创建一个带圆角的输入字段。

HTML：

<div id="RightColumn">
<input type="text" class="inputForm" />
</div>

CSS：

.inputForm
{
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
    behavior:url("border-radius.htc");
}

#RightColumn
{
    background-color:White;
}

但是，IE不会显示输入字段的任何边框 – 更圆形或简单的边框。
当我删除#RightColumn的CSS样式时，IE显示一个带圆角的输入字段。
但是我需要#RightColumn的背景。

如何创建它？

解决方法

哦，主啊，不要这样做。 HTC文件对于性能和清晰度的原因来说绝对不是一个好主意，而且您使用太多的供应商特定参数可以轻松完成跨IE浏览器。

使用圆角将背景图像应用到输入字段，并使用border：none应用该字段的背景颜色透明。

这是一个链接，更多的细节如何这个人做到了：http://pupungbp.erastica.com/css/rounded-corner-input-form/

css – 使用border-radius.htc作为IE的圆角

解决方法

相关文章