css 打印预览出现问题。显示双倍的文本框值

Question

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

我该如何控制它：

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"  />

我知道你应该通过样式属性来写这个，但是项目继承开始起作用了。类使用的是空白。

Answer 1

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

css 打印预览出现问题。显示双倍的文本框值

css issue in print preview. textbox values showing double

html

css

print-preview