HTML输入样式可隐藏框但显示内容
HTML输入样式可隐藏框但显示内容
提问于 2019-06-27 00:07:59
我有一个HTML格式的表单，我们的用户填写数据然后打印。数据不会保存在任何地方。这些表单来自我们公司外部，并构建为html页面，尽可能地与原始页面相似，然后在Intranet上的文件夹中填充和遗忘。通常情况下，另一位开发人员会这样做，但我必须在他出去的时候做几件事。通过他的代码，他的所有表单都有一堆服务器端代码来获取输入并重新编写只包含内容的页面。似乎应该有更好的方法。
我想使用媒体选择器设置文本输入的样式，以便在打印时可以看到文本，但不能看到它周围的框。有什么想法吗？
回答 2
Stack Overflow用户
发布于 2019-06-27 08:49:39
通过执行以下操作添加单独的CSS文件进行打印：
<link rel="stylsheet" type="text/css" media="print" href="print.css">
将其添加到<head>页面的部分。
在此（print.css）文件中包含与打印页面时要查看的内容相关的样式，例如：
input{border: 0px} 应该在打印时隐藏输入框的边框。
Stack Overflow用户
发布于 2019-06-27 09:44:54
<input type="text" style="border: 0; background-color: #fff;" />
哪里#fff是你的背景颜色..
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100001295
复制相关文章
相似问题