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

前端之家收集整理的这篇文章主要介绍了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相关文章