Question

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

  border-radius: 4px;

据我了解，ie9确实支持这个CSS3元素。我做错了吗？我试图让浏览器看到或多或少相同的页面。有什么建议吗？非常感谢任何帮助！

Answer 1

尝试添加以下内容之一：

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

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

Answer 2

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

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

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

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

Answer 3

你有website for create border-radius css code

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

对于旧版本，您要使用CSS3PIE。

IE8 +中输入元素的边界半径

3 个答案: