您的位置：首页 > Web前端 > HTML

html textarea 怎样才能不显示滚动条?

2012-07-24 14:03 441 查看

问题背景

在最近一个项目中，客户需要打印一些表单，原先设计的一种方案出现了重大bug,他们公司的打印机对纸张大小要求特别高，每次都得强制执行才行，最后我想到了用WinForm自带的控件WebBrowser控件的打印功能。

问题产生

结果他们当中的一些信息是：待定，这也就是说需要在打印的时候可以进行修改，我想了一下，可以利用html标签 textarea来实现该功能，但是textarea默认是显示垂直滚动条的。代码如下：

<html>

<head>

</head>

<body style="background-color:#ddd;">

<div style="width:300px;height:200px;">

<textarea style="width:100%;height:100%;border:none;"></textarea>

</div>

</body>

</html>

上面这段代码会出现滚动条。

问题解决

<html>

<head>

</head>

<body style="background-color:#ddd;">

<div style="width:300px;height:200px;">

<textarea style="width:100%;height:100%;border:none;overflow:hidden"></textarea>

</div>

</body>

</html>

在代码处加上：overflow:hidden;滚动条不显示了，一切搞定。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航