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

无论我做什么，我都无法获得边界半径。我正在运行最新的Internet Explorer，并没有发生任何事情。我已经进入了开发工具，并设置渲染IE9，它仍然拒绝阅读：IE8中输入元素的边界半径+

border-radius: 4px;

据我了解，IE9是否确实支持这一CSS3元素。我做错了吗？我试图让浏览器看到差不多相同的页面。任何建议？任何帮助是极大的赞赏！

来源

2012-08-08 Serguei Fedorov

检查http://stackoverflow.com/questions/5321224/ie9-border-radius-shorthand-not-supported和http://stackoverflow.com/questions/10784999/border-radius-not-working-in- ie9和http://stackoverflow.com/questions/5381446/ie9-border-radius和http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie！ – Aziz 2012-08-08 21:56:32

澄清：你需要在你的页面顶部添加'<！DOCTYPE html>'或者在''内部添加''标签。这将告诉IE9你实际上想要使用标准模式（使用CSS3和东西）。 – Aziz 2012-08-08 22:15:15

尝试加入一些如下：

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

确保这些项目在您要应用到表单元素的正确CSS类。

来源

2012-08-08 22:01:43 Savanetech

webkit和moz绝对与IE无关，它们代表safari/chrome和mozille。并且添加额外的零实际值会产生不同的效果... – Pevara 2012-08-08 22:22:40

并且符合标准的声明总是应该是最后一个。 – Christoph 2012-08-09 08:23:14

-1

你有一个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

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

来源

2012-08-08 22:07:40

你需要[做更多的研究]（http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie）。你提出的解决方案根本无助于IE8，而且IE9本身不支持前缀圆角。 – Bojangles 2012-08-08 22:12:29

我知道，我已经编辑了我的答案，用于指定老的ans新浏览器，但是，IE9是一个新的即ie浏览器......它通常支持边界半径......并且我已经用CSS PIE解释过，支持边界半径与IE 7,8 ... – 2012-08-08 22:17:24

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

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

Here是一个工作现场演示，运行在我IE9平稳。

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

来源

2012-08-09 08:15:59

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

回答

相关问题