如何让 Internet Explorer 和 Opera 正确显示此文本答案

【问题标题】：How do I get Internet Explorer & Opera to display this text correctly如何让 Internet Explorer 和 Opera 正确显示此文本
【发布时间】：2014-12-04 00:33:29
【问题描述】：

此网页 div 在 Firefox 和 Chrome 中正确显示

但在 Internet Explorer 和 Opera 中看起来很难看

我的 HTML 代码是：

            <div class="newAd">
                <span id="newAdButton">
                    Create a new advert for FREE!
                </span>
            </div>

CSS 是：

.newAd {
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 20px;
    width: 500px;
}

#newAdButton {
    margin: 10px 30px 10px 30px;
    padding: 10px 40px 10px 40px;
    background-color: #88FF88;
    color: #000000;
    font-size: 27px;
    border-radius: 20px;
    border: 5px solid #00FF00;
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -o-border-radius: 20px;
    cursor: pointer;
    word-spacing: 0px;
}

请问如何使它适用于 IE 和 Opera？谢谢。

【问题讨论】：

标签： html css internet-explorer opera

【解决方案1】：

问题在于您用于该容器的边框。 Firefox 和 chrome 有它在外面，而 IE 和 safari 显然有它在里面（作为测试，你可以删除边框，看看会发生什么）。尝试为您的#newAdButton 使用box-sizing:border-box;。

【讨论】：

【解决方案2】：

您可以使用按钮标签而不是跨度并将 id 应用于按钮标签。希望它能正常显示。

【讨论】：