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

【问题标题】：Set Border color of round corner div in IE?在IE中设置圆角div的边框颜色？
【发布时间】：2013-04-30 09:00:40
【问题描述】：

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

它适用于除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;
}

我需要在IE 中使用red 颜色的border 设置textbox 圆角。我该如何修改？

肯定会感谢好的答案。

【问题讨论】：

你的 jquery/border-radius.htc 文件存在吗？
如果您知道盒子的确切尺寸或div，那么您可以使用与盒子大小相同的背景图片并为其应用圆角。
@dystroy 是的，我有文件。所以我可以将 div 设置为圆形。
@Andrew 我只需要使用 CSS 来执行此操作。
我从未听说过.htc 文件。我知道的唯一方法是使用它：developers.google.com/chrome/chrome-frame，但您需要让每个用户将其安装到自己的浏览器中。背景图像也是 CSS 的一部分

标签： css internet-explorer internet-explorer-8 border rounded-corners

【解决方案1】：

您可能需要在 IE 中按键盘上的 F12 并检查您所处的文档模式。低于 IE 9 的任何操作都将不起作用。

【讨论】：

您尝试确保它适用于哪个版本的 IE。在您的项目摘要中（取决于您是否有），您的客户应该优先选择应该在 IE7 或 IE8 中运行的所有内容。如果是这样，我可以帮助你，但我需要知道你想回到多远的版本。这可能是需要使用 javascript 和浏览器版本检测的情况之一。
我的客户端需要IE6/IE7/IE8+等浏览器的支持。
在这种情况下，您需要使用 CSS 和或图像来编写脚本。 IMO 不使用表格，使用 div，您将需要 2 个 css 版本，一个用于 8-7 和一个仅用于 IE9（这将是您更容易的版本）。
IE 8-7 如果你编码正确（不暗示你不会）IE6 应该可以正常工作。 IE9 只使用 webkit 和边框半径，您也可以使用 LESS，对 CSS LESS 进行一些研究，这是一个可能从中受益的网站的完美示例。