0

我真的把头发扯下来了。我正在尝试制作一个相当简单的页面，其中包含一些文本、两个单选按钮和一个提交按钮。到目前为止，它在 Firefox 和 Chrome 中看起来不错，但在 IE9 中，提交按钮有方角：

IE9提交按钮问题

当我查看 Bootstrap 网站上的示例页面时，按钮的角都是正确的圆角，所以这一定是我正在做的事情，而不是 IE 的问题。我就是想不通是什么。

<div class="container">
<div class="jumbotron">
    <div class="container">
        <h1>The welcome page.</h1>
        <p>Welcome to our page. Please select one of the options below and press 'Submit'.</p>
        <form>
          <div class="form-inline">
            <div class="radio">
                <input checked="" id="1-1" name="1" value="opt1" type="radio">
                    <label for="opt1">Option 1</label>
                <input id="1-2" name="1" value="opt2" type="radio">
                    <label for="opt2">Option 2</label>
            </div>
            </div>
          <input class="btn btn-lg btn-primary" value="Submit" type="submit">
        </form>
    </div>
</div>

这是一个演示：http ://bootply.com/78669

更新：这可能有助于缩小范围。当我从 IE9 中的新位置加载页面时，提交按钮看起来应该是这样的：

按钮渲染正确

...但我收到“IE 限制此页面运行脚本或 ActiveX 控件”消息。如果我单击以允许被阻止的内容，那就是按钮角变成方形的时候。

4

4 回答 4

2

Internet Explorer（低于版本 9）本身不支持圆角。

有一个神奇的脚本会神奇地为你添加它：CSS3 PIE。Howw 你会弄清楚其余的。

于 2013-09-03T12:00:25.050 回答
2

问题在于您的 IE 9 设置，我目前正在运行 IE 9 并且角是圆角的。确保检查您的开发人员选项 (F12) 并查看您是否正在运行

BROWSER MODE: IE 9 and DOCUMENT MODE: IE9 STANDARDS

在此处的右上角找到显示这些选项的屏幕截图。

于 2013-09-03T14:45:24.660 回答
1

Internet Explorer（低于版本 9）本身不支持圆角。

有一个神奇的脚本会神奇地为你添加它：http : //css3pie.com。希望你能弄清楚其余的。

于 2013-09-03T12:01:47.983 回答
1

根据评论者 Ryan McDonough 的建议，我浏览了文件并尽可能多地删除了 css，然后发现了问题所在。这是：

<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">

删除引导主题的链接，一切正常。

于 2013-09-03T14:40:31.920 回答