如何解决这样的浏览器兼容性问题？答案

【问题标题】：how to solve such a browser compatibility issue?如何解决这样的浏览器兼容性问题？
【发布时间】：2012-03-30 18:32:27
【问题描述】：

我有一个代码，将文本字段显示为 3 个框，中间有连字符。它在 Firefox 中运行良好，但在 IE 中，这些框正在合并。我该怎么办？

    <div class="fileds-wrapper-left3">
                        <div class="fileds-inner" style="${promoterVO.pageConfig.promoterCodePart3.visibility}">
                            <div class="field-left">
                                <label><spring:message
                                        code="rmp.promoter.label.promoter_code" />:<sup class="error-msg">${promoterVO.pageConfig.promoterCodePart3.mandatory}</sup></label>
                            </div>
                            <div class="field-right">
                            <form:input path="promoterCodePart1" style="width:25px"/>-<form:input path="promoterCodePart2" style="width:40px"/>-<form:input path="promoterCodePart3" style="width:70px"/><form:errors path="promoterCodePart3" cssClass="error-field" />
                            </div>
                        </div>

【问题讨论】：

你能发布实际的 HTML 吗？

标签： html internet-explorer-7 cross-browser

【解决方案1】：

尝试使用css重置

http://meyerweb.com/eric/tools/css/reset/

CSS 重置确保没有默认浏览器填充或边距，或任何其他浏览器特定添加到您的样式。

【讨论】：