html 右侧滚动条,html中去掉textarea右侧滚动条和右下角拖拽
摘要 騰興網為您分享: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右侧滚动条和右下角拖拽的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android 或者vide的高度和宽度
- 下一篇: 个人用户不得开设服务器对外提供信息服务,