IE-9中的边界半径不起作用！ [英] border-radius in IE-9 doesn’t work!!

问题描述

& 大家好
这是我的按钮CSS代码.
我在ASP.NET/C#中使用Razor Engine.

它可以在Safari和其他Web浏览器中运行，但 IE-9
除外 我到处都读到IE-9支持边界半径".但这对我不起作用！！！

&Hey everybody
This is my CSS-code for a button.
I use by the way Razor Engine in ASP.NET/C#.

It work in Safari and other web browsers except as IE-9
I read everywhere that IE-9 support ‘border-radius’. But it doesn’t work for me!!!

input[type="submit"] {
  border: 0px;
  margin: 5px 0px;
  padding: 0px 5px;
  color:White;
  height:20px;
  display: inline-table;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration:none;
  background: url(images/icon-button-middle.png) repeat-x;
  font-family: Calibri, Arial;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 20px;
  border-radius: 3px;
  position:relative;
}

我以为也许我可以在< meta http-equiv ="X-UA-Compatible" content ="IE = edge"/>
中找到content ="IE = edge" 并将其更改为content ="IE = 9"，但我在应用程序中找不到它.他们到处都使用jquery.

有任何建议吗?

I thought maybe I can find content="IE=edge" in <meta http-equiv="X-UA-Compatible" content="IE=edge" />
and change it to content="IE=9", but I couldn’t find it in the application. Everywhere they use of jquery.

Any suggestion?

推荐答案

我已经用谷歌搜索了它，结果证明边界半径不能与IE9中的(某些)输入元素一起使用.这是CSS3引擎中的错误，还是问题在于事实，即IE中的这些元素实际上是API级别的控件.其他浏览器开发人员已从头开始重写它们.我没有要测试的IE9，但是您是否尝试过BUTTON元素?您也可以尝试从使用此CSS装饰的div输入，并在其中输入一个透明的，无边框的输入字段.

I have googled for it, and it turned out, that border-radius wont work with (some) input elements in IE9. It is a bug in the CSS3 engine or the problem lies in the fact, that these elements in IE are rather API level controls. Other browser developers have rewritten them from the scratch. I have no IE9 to test, but have you tried BUTTON element instead? You could also try to make you input form a div decorated with this css and a transparent, border-less input field inside it.

这篇关于IE-9中的边界半径不起作用！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！