1. 程式人生 > >textarea 滾動條屬性設定

textarea 滾動條屬性設定

取值:$("#ID").val();

控制大小:加width,height限制(style="width:100px;height:200px;");或row,col限制(<textarea rows="5" cols="7">);

限制拖動:              style="resize:none;"

滾動條效果:           style="overflow:scroll;"   

對滾動條隱藏:

       水平滾動條:     style="overflow-x:hidden;"

       垂直滾動條:     style="overflow-y:hidden;"

 

 

 

scrollbar屬性、樣式詳解
1.overflow內容溢位時的設定(設定被設定物件是否顯示滾動條)
    overflow-x水平方向內容溢位時的設定
    overflow-y垂直方向內容溢位時的設定
    以上三個屬性設定的值為visible(預設值)、scroll(顯示)、hidden(隱藏)、auto(自動)。 

 例如:顯示y軸下拉條:  style="overflow-y:scroll" 

 行數  rows="15" 列數 cols="45"
<textarea rows="15" cols="45" placeholder="請輸入不超過500字"  style="overflow-y:scroll"></textarea>

2.scrollbar-3d-light-color立體滾動條亮邊的顏色(設定滾動條的顏色)
    scrollbar-arrow-color上下按鈕上三角箭頭的顏色
    scrollbar-base-color滾動條的基本顏色
    scrollbar-dark-shadow-color立體滾動條強陰影的顏色
    scrollbar-face-color立體滾動條凸出部分的顏色
    scrollbar-highlight-color滾動條空白部分的顏色
    scrollbar-shadow-color立體滾動條陰影的顏色