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

时间:2012-03-14 09:57:00

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

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

1 个答案:

答案 0 :(得分:1)

尝试使用css reset

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