我們經常會把去掉html頁面的捲軸了，通常如下
掉左右捲軸，保留上下捲軸：<body style="overflow-x:hidden;overflow-y:auto;">
如果頁面頭部有：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
需要去掉該代碼，或者改為：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
結果發現不能在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、去掉右側捲軸：
<textarea style= "overflow:hidden; "> </textarea>
2、去掉右下角的拖拽標記：
<textarea style= "resize:none; "> </textarea>
解釋：HTML 標籤 textarea 在大部分瀏覽器中只要指定行（rows）和列（cols）屬性，就可以規定 textarea 的尺寸，大小就不會改變，不過更好的辦法是使用 CSS 的 height 和 width 屬性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖動右下角表徵圖改變大小。但是過分拖動大小會影響頁面配置，使頁面變得不美觀。可以通過添加如下兩個樣式禁用拖動，固定大小：
補充:隱藏textarea的捲軸
要設定textarea文本域的捲軸是否開啟，使用style.overflow-x屬性來控制。如：如果要隱藏該文本域的橫向捲軸，在style屬性中增加overflow-x屬性控制，如下：
<textarea id=txtComments style="overflow-x:hidden"></textarea>
相應的，若要隱藏縱向捲軸：
<textarea id=txtComments style="overflow-y:hidden"></textarea>
如果使用代碼控制的話，可能需要如下代碼實現：
document.all("txtComments").style.overflowX="hidden";
overflow-x,overflow-y的可取值為：visible(預設取值),hidden,auto,scroll。
visible:始終不顯示捲軸，文本地區的大小會根據內容的增加，自動成長，以顯示全部內容。
scroll:不管文本地區裡的內容有多少，始終顯示捲軸。
hidden:始終不顯示捲軸，內容超出層面的對象是不顯示。
auto:如果內容在文本地區內可以全部顯示,捲軸不顯示,當內容無法全部顯示時,內容被截斷,加上捲軸顯示所有內容。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
