Question

我有一个代码，将文本字段显示为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>

Answer 1

尝试使用css reset

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

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

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

1 个答案: