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

我在HTML中有一个表单，我们的用户填写数据并打印出来。数据不会保存在任何地方。这些表单来自我们公司外部，并且构建为html页面以尽可能接近原始文件，然后将其填充并遗忘在Intranet上的文件夹中。通常情况下，另一个开发者会这样做，但是他不在的时候我需要做几个。仔细查看他的代码，他的所有表单都有一堆服务器端代码来接收输入，并只用内容重新编写页面。似乎应该有更好的方法。隐藏框但显示内容的HTML输入样式

我想使用媒体选择器来设置文本输入的样式，以便在打印时可以看到文本，但没有任何围绕它的框。有什么想法吗？

来源

2008-09-29 Joel Coehoorn

通过添加一个单独的CSS文件进行打印做这样的事情：

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

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

在这个（print.css）文件包含有关您希望看到的是打印的页面时，例如什么造型：打印时

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

来源

2008-09-29 20:38:55 Maciej

<input type="text" style="border: 0; background-color: #fff;" />

哪里#FFF是你的背景颜色..

来源

2008-09-29 20:33:35 Wayne

假设你只是想删除文本边框和这样的，你需要给他们一个班。也许是这样的：

<input type="text" class="print-clean" .../>

和CSS，装载有媒体= “打印”：

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

将包含这样的事情：

.print-clean { 
    border: none; 
    background: transparent; 
}

来源

2008-09-29 20:36:50

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

回答

相关问题