html中去掉textarea右侧滚动条和右下角拖拽.docxVIP

html html 中去掉 textarea 右侧滚动条和右下角拖拽 textarea 的属性是可以在内容过长有滚动条， 在高版本的 浏览器中还可以拖大输入框了，那么我们下文的重点就为各 位介绍 textarea 去掉右侧滚动条和右下角拖拽的方法，具体 如下。 我们经常会把去掉 html 页面的滚动条了，通常如下 掉左右滚动条，保留上下滚动条： lt;body style=overflow-x:hidden;overflow-y:auto;gt; 如果页面头部有： lt;!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtdgt; 需要去掉该代码，或者改为： lt;!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENgt; 结果发现不能在 textara 中使用，找了一段 css body{ scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/ scrollbar-highlight-color:#fff; /*- 左二 -*/ scrollbar-face-color:#E4E4E4; /*- 面子 -*/ scrollbar-arrow-color:#666; /*- 箭头 -*/ scrollbar-shadow-color:#808080; /*- 右二 -*/ scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/ scrollbar-base-color:#D7DCE0; /*- 基色 -*/ scrollbar-track-color:#;/*- 滑道 -*/ 测试发现也无效了，那么要怎么才可以去掉 textarea 右侧滚 动条和右下角拖拽 在使用表单中的 textarea 标签时，有以下需要注意的地方： 1、去掉右侧滚动条： lt;textarea style= overflow:hidden; gt; lt;/textareagt; 2、去掉右下角的拖拽标记： lt;textarea style= resize:none; gt; lt;/textareagt; 解释： HTML 标签 textarea 在大部分浏览器中只要指定行 (rows)和列(cols)属性，就可以规定 textarea的尺寸， 大小就不会改变， 不过更好的办法是使用 CSS 的 height 和 width 属性,但是 Chrome,Safari 和 FireFox 渲染的效果不同， 可以拖动右下角图标改变大小。但是过分拖动大小会影响页 面布局，使页面变得不美观。可以通过添加如下两个样式禁 用拖动，固定大小：补充 :隐藏 textarea 的滚动条 要设置 textarea 文本域的滚动条是否开启，使用 style.overflow-x 属性来控制。如：如果要隐藏该文本域的横 向滚动条，在 style 属性中增加 overflow-x 属性控制，如下： lt;textarea id=txtComments style=overflow-x:hiddengt;lt;/textareagt; 相应的，若要隐藏纵向滚动条： lt;textarea id=txtComments style=overflow-y:hiddengt;lt;/textareagt; 如果使用代码控制的话，可能需要如下代码实现： document.all(txtComments).style.overflowX=hidden; overflow-x,overflow-y 的可取值为： visible( 默认取 值 ),hidden,auto,scroll 。 visible: 始终不显示滚动条，文本区域的大小会根据内容的增 加，自动增长，以显示全部内容。 scroll: 不管文本区域里的内容有多少，始终显示滚动条。 hidden:始终不显示滚动条，内容超出层面的对象是不显示。 auto:如果内容在文本区域内可以全部显示 ，滚动条不显示，当 内容无法全部显示时 ,内容被截断 ,加上滚动条显示所有内 容。