当前位置:  开发笔记 > 前端 > 正文

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

如何解决《HTML输入样式可隐藏框但显示内容》经验,为你挑选了2个好方法。

我有一个HTML格式的表单,我们的用户填写数据然后打印.数据不会保存在任何地方.这些表单来自我们公司外部,并构建为html页面,尽可能地与原始页面相似,然后在Intranet上的文件夹中填充和遗忘.通常情况下,另一位开发人员会这样做,但我必须在他出去的时候做几件事.通过他的代码,他的所有表单都有一堆服务器端代码来获取输入并仅使用内容重写页面.似乎应该有更好的方法.

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



1> Maciej..:

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


将其添加到页面的部分.

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

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



2> Chris Marast..:

假设你只想从文本中删除边框等,你需要给它们一个类.也许是这样的:


和css,加载media ="print":


会包含这样的东西:

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

推荐阅读
郑谊099_448
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有