我有一个 HTML 表单,我们的用户在其中填写数据然后打印。数据没有保存在任何地方。这些表格来自我们公司外部,并被构建为 html 页面,以尽可能与原始页面相似,然后被塞进内部网的文件夹中并被遗忘。通常另一个开发人员会做,但我必须在他不在的时候做一些。查看他的代码,他的所有表单都有一堆服务器端代码来获取输入并仅使用内容重新编写页面。似乎应该有更好的方法。
我只想使用媒体选择器设置文本输入的样式,以便在打印时您可以看到文本,但没有看到围绕它的框。有什么想法吗?
通过执行以下操作添加单独的 CSS 文件进行打印:
<link rel="stylsheet" type="text/css" media="print" href="print.css">
将其添加到<head>
页面的部分。
在此(print.css)文件中包含与您希望在打印页面时看到的内容相关的样式,例如:
input{border: 0px}
打印时应隐藏输入框的边框。
假设您只想从文本中删除边框等,您需要给它们一个类。也许是这样的:
<input type="text" class="print-clean" .../>
和 css,加载了 media="print":
<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />
将包含如下内容:
.print-clean {
border: none;
background: transparent;
}
<input type="text" style="border: 0; background-color: #fff;" />
#fff 是您的背景颜色在哪里..