html - IE8+ 中输入元素的边框半径

Question

无论我做什么，我似乎都无法获得边界半径。我正在运行最新的 Internet Explorer，但没有任何反应。我已经进入开发人员工具并将渲染设置为 ie9，但它仍然拒绝阅读：

  border-radius: 4px;

据我了解，ie9 实际上支持这个 CSS3 元素。我做错了吗？我试图让浏览器或多或少地看到相同的页面。有什么建议吗？任何帮助是极大的赞赏！

Answer 1

我建议您定义所有边框属性。这是一个例子；

input{
border: solid 4px #06C;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 40px;
width: 100px
}

这是一个有效的现场演示，在我的 IE9 中运行流畅。

注意：这是支持 CSS3 的浏览器列表，其他浏览器不支持。

Answer 2

尝试添加以下一些内容：

border-radius: 4px 0 0 0;
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;

确保这些项目位于您尝试应用于表单元素的正确 css 类中。

Answer 3

您有一个用于创建边界半径 css 代码的网站

border-radius : 4px; // for new ie, opera, chrome, firefox

是新浏览器的新W3C 规范，

如果您可以对旧浏览器使用边框半径，则可以使用

-webkit-border-radius : 4px; // for old chrome, old safari
-moz-border-radius : 4px;  // for old firefox
-o-border-radius : 4px;  // for old opera version

对于旧的 ie 版本，你想使用CSS3PIE。