打印预览中的CSS问题。文本框值显示为double

Question

所以我有几个文本框。通过CSS调整大小。 它在Internet Explorer，Chrome等中看起来很完美。但是。单击“打印预览”后，预览窗口会显示两次文本。

我该如何控制：

使用的HTML：

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt1" name="txt1" class="iBanInit ibantxt" />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt2" name="txt2" class="ibantxt"/>
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt3" name="txt3"  class="ibantxt" />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt4" name="txt4"  class="ibantxt" />

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt5" name="txt5" class="iBanInit ibantxt" />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt6" name="txt6" class="ibantxt"  />
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt7" name="txt7"  class="ibantxt"  />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt8" name="txt8"  class="ibantxt" />

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt9" name="txt9"  class="iBanInit ibantxt"/>
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt10" name="txt10" class="ibantxt"  />
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt11" name="txt11"  class="ibantxt"  />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt12" name="txt12"  class="ibantxt" />

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt13" name="txt13" class="iBanInit ibantxt" />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt14" name="txt14"  class="ibantxt" />
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt15" name="txt15"  class="ibantxt"  />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt16" name="txt16"  class="ibantxt"  />

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt17" name="txt17" class="iBanInit ibantxt" />
<input type="text"  style="height: 35px;width:20px;;text-align:center" id="txt18" name="txt18"  class="ibantxt" />
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt19" name="txt19"  class="ibantxt"  />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt20" name="txt20" class="ibantxt"  />

<input type="text"  style="height: 35px;width:20px;margin-left:10px;text-align:center" id="txt21" name="txt21" class="iBanInit ibantxt" />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt22" name="txt22"  class="ibantxt" />
<input type="text"  style="height: 35px;width:19px;text-align:center" id="txt23" name="txt23"  class="ibantxt"  />
<input type="text"  style="height: 35px;width:20px;text-align:center" id="txt24" name="txt24"  class="ibantxt"  />

我知道你应该通过style属性写这个，但项目继承发挥作用。使用的类是空白的。

Answer 1

有些人可能从中受益。 有一些遗留代码设置了文本属性以及文本框的val属性，因此存在问题。