在IE中设置圆角div的边框颜色？

Question

我在使用border-radius.htc设置div边框时遇到问题。

它适用于除IE以外的所有浏览器。

我引用此网站将div设为圆角http://dimox.net/cross-browser-border-radius-rounded-corners/

我的HTML将是，

<div id="div1">
  <input type="text" id="txtBox" />
</div>

CSS将是，

#div1 {
    width: 200px;
    height: 30px;
    background-color: #D1C9CC;
    border-style: solid;
    border-width: thin;
    border-color: red; 
    -webkit-border-radius : 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(jquery/border-radius.htc);
    -webkit-border-radius: 10px;
}

#txtBox {
    width: 180px;
    height: 20px;
    background-color: transparent;
    position: relative;
    top: 5px;
    left: 10px;
    border-style: none;
}

我需要在textbox中设置border red IE个{{1}}颜色的圆角。我该怎么修改呢？

肯定赞赏好的答案。

Answer 1

您可能需要在IE内部选择键盘上的F12并检查您所处的文档模式。IE 9以下的任何内容都不起作用。