摘要 騰興網為您分享:html中去掉textarea右側滾動條和右下角拖拽，湘稅社保，唯品會，上海交通，錢大掌柜等軟件知識，以及玫瑰小鎮魔法花園，raw格式轉換軟件，陽光天天購，live壁紙，廢品機械師補丁，itunes，笑傲江湖ol,winkeyfinder，騷白頭像，邢臺育才中學，導航條，清庫，中國古箏網，我的世界中世紀城堡，友魚商城等軟件it資訊，歡迎關注騰興網。textarea的屬性是可以在內容過長有滾動條，在高版本的瀏覽器中還可以拖大輸入框了，那么我們下文的重點就為各位介紹textarea去掉右側滾動條和右下角拖拽的方法，具體如下。 我們經...

textarea的屬性是可以在內容過長有滾動條，在高版本的瀏覽器中還可以拖大輸入框了，那么我們下文的重點就為各位介紹textarea去掉右側滾動條和右下角拖拽的方法，具體如下。

我們經常會把去掉html頁面的滾動條了，通常如下

掉左右滾動條，保留上下滾動條：

如果頁面頭部有：

需要去掉該代碼，或者改為：

結果發現不能在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、去掉右側滾動條：

2、去掉右下角的拖拽標記：

解釋：HTML 標簽 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性，就可以規定 textarea 的尺寸，大小就不會改變，不過更好的辦法是使用 CSS 的 height 和 width 屬性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖動右下角圖標改變大小。但是過分拖動大小會影響頁面布局，使頁面變得不美觀?？梢酝ㄟ^添加如下兩個樣式禁用拖動，固定大小：

補充:隱藏textarea的滾動條

要設置textarea文本域的滾動條是否開啟，使用style.overflow-x屬性來控制。如：如果要隱藏該文本域的橫向滾動條，在style屬性中增加overflow-x屬性控制，如下：

相應的，若要隱藏縱向滾動條：

如果使用代碼控制的話，可能需要如下代碼實現：

document.all("txtComments").style.overflowX="hidden";

overflow-x,overflow-y的可取值為：visible(默認取值),hidden,auto,scroll。

visible:始終不顯示滾動條，文本區域的大小會根據內容的增加，自動增長，以顯示全部內容。

scroll:不管文本區域里的內容有多少，始終顯示滾動條。

hidden:始終不顯示滾動條，內容超出層面的對象是不顯示。

auto:如果內容在文本區域內可以全部顯示,滾動條不顯示,當內容無法全部顯示時,內容被截斷,加上滾動條顯示所有內容。

相關推薦

總結

以上是生活随笔為你收集整理的html 右侧滚动条,html中去掉textarea右侧滚动条和右下角拖拽的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。