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

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

我們經(jīng)常會(huì)把去掉html頁(yè)面的滾動(dòng)條了，通常如下

掉左右滾動(dòng)條，保留上下滾動(dòng)條：

如果頁(yè)面頭部有：

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

結(jié)果發(fā)現(xiàn)不能在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:#;/*- 滑道 -*/

}

測(cè)試發(fā)現(xiàn)也無(wú)效了，那么要怎么才可以去掉textarea右側(cè)滾動(dòng)條和右下角拖拽

在使用表單中的textarea標(biāo)簽時(shí)，有以下需要注意的地方：

1、去掉右側(cè)滾動(dòng)條：

2、去掉右下角的拖拽標(biāo)記：

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

補(bǔ)充:隱藏textarea的滾動(dòng)條

要設(shè)置textarea文本域的滾動(dòng)條是否開(kāi)啟，使用style.overflow-x屬性來(lái)控制。如：如果要隱藏該文本域的橫向滾動(dòng)條，在style屬性中增加overflow-x屬性控制，如下：

相應(yīng)的，若要隱藏縱向滾動(dòng)條：

如果使用代碼控制的話，可能需要如下代碼實(shí)現(xiàn)：

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

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

visible:始終不顯示滾動(dòng)條，文本區(qū)域的大小會(huì)根據(jù)內(nèi)容的增加，自動(dòng)增長(zhǎng)，以顯示全部?jī)?nèi)容。

scroll:不管文本區(qū)域里的內(nèi)容有多少，始終顯示滾動(dòng)條。

hidden:始終不顯示滾動(dòng)條，內(nèi)容超出層面的對(duì)象是不顯示。

auto:如果內(nèi)容在文本區(qū)域內(nèi)可以全部顯示,滾動(dòng)條不顯示,當(dāng)內(nèi)容無(wú)法全部顯示時(shí),內(nèi)容被截?cái)?加上滾動(dòng)條顯示所有內(nèi)容。

相關(guān)推薦

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。