隐藏框但显示内容的HTML输入样式
提问于 2008-09-29 12:30:54
我有一个HTML格式的表单，用户可以在其中填写数据，然后打印出来。数据不会保存在任何地方。这些表单来自我们公司以外的公司，它们被构建为html页面，以便尽可能地与原始表单相似，然后被塞在内联网上的文件夹中并被遗忘。通常会有其他开发人员来做这些工作，但我不得不在他不在的时候做一些工作。浏览一下他的代码，他的所有表单都有一堆服务器端代码，用来接受输入并仅用内容重写页面。似乎应该有更好的方法。
我只想使用媒体选择器设置文本输入的样式，这样当打印时，您可以看到文本，但看不到它周围的框。有什么想法吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2008-09-29 12:38:56
通过执行以下操作添加单独的CSS文件以进行打印：
<link rel="stylsheet" type="text/css" media="print" href="print.css">将其添加到页面的<head>部分。
在此(print.css)文件中，包含与打印页面时希望看到的内容相关的样式，例如：
input{border: 0px}应在打印时隐藏输入框的边框。
Stack Overflow用户
发布于 2008-09-29 12:36:51
假设你只想从文本中移除边框之类的东西，你需要给它们一个类。可能是这样的：
<input type="text" class="print-clean" .../>和css，加载media=“打印”：
<link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />将包含类似如下的内容：
.print-clean {
border: none;
background: transparent;
}Stack Overflow用户
发布于 2008-09-29 12:33:35
<input type="text" style="border: 0; background-color: #fff;" />其中#fff是您的背景色。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/150513
复制相关文章
点击加载更多
腾讯云开发者
