隐藏框但显示内容的 HTML 输入样式

标签 html css printing

我有一个 HTML 表单,我们的用户可以在其中填写数据,然后将其打印出来。数据不会保存在任何地方。这些表格来 self 们公司外部,并被构建为 html 页面以尽可能接近原始页面,然后被塞进并遗忘在内部网上的一个文件夹中。通常由另一个开发人员来做,但他不在时我必须做一些。查看他的代码,他的所有表单都有一堆服务器端代码来获取输入并重新编写仅包含内容的页面。看来应该有更好的办法。

我只想使用媒体选择器设置文本输入的样式,以便在打印时您可以看到文本,但看不到它周围的框。有什么想法吗?

最佳答案

通过执行以下操作添加单独的 CSS 文件以进行打印:

<link rel="stylsheet" type="text/css" media="print" href="print.css">

将其添加到 <head>页面的一部分。

在此 (print.css) 文件中包含与您希望在打印页面时看到的内容相关的样式,例如:

input{border: 0px}打印时应隐藏输入框的边框。

关于隐藏框但显示内容的 HTML 输入样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/150513/

相关文章:

html - 两个元素之间的空间来自哪里?

html - 宽度 :auto floating divs problem (IE6)

javascript - 如何在django中添加JS

javascript - Bootstrap 空 div 占位符

iOS:使用 printerID 打印而不选择打印机

javascript - 如何使用 React/JS 连接到斑马打印机

python - 有没有办法在 PRINT 语句内部编写 FOR 循环?

java - 打印输出从 arraylist 接收到的下拉列表中的值

wpf - 使 ComboBox 拉伸(stretch)到具有最大宽度和右对齐父项的可用空间

jquery - Bootstrap 4 移动导航栏从左侧滑动