中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

web前端入門到實戰:CSS設置滾動條樣式

發布時間:2020-08-01 20:06:19 來源:網絡 閱讀:235 作者:前端向南 欄目:web開發

webkit滾動條樣式重置

1、scrollbar包含scrollbar buttons和一個track。track進一步細分為track pieces和thumb。trace pieces為thumb的上半部分和半下部分。
2、scrollbar corner為橫向和豎向的交叉角區域
3、resize用來設置滾動條的交匯處上用于拖動調整元素大小的小控件

組成結構圖如下:
web前端入門到實戰:CSS設置滾動條樣式

一旦發現滾動條的自定義樣式,瀏覽器的默認樣式設置將會失效,只使用在css定義的樣式。也就意味值不能單獨只設置scrollbar button或scrollbar track。

-webkit-scrollbar  /* 滾動條整體部分,重置時必須要設置 */
-webkit-scrollbar-button  /* 滾動條的軌道的兩端按鈕  */
-webkit-scrollbar-track /* 滾動條的軌道(包含thumb和trace-piece)*/
-webkit-scrollbar-track-piece /* 軌道中下方塊的上下(左右)部分*/
-webkit-scrollbar-thumb  /*滾動條里面的小方塊*/
-webkit-scrollbar-corner /* 垂直和水平的交叉角 */
-webkit-resize // 滾動條的交匯處上用于拖動調整元素大小的小控件 */
web前端開發學習Q-q-u-n:784783012 ,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法
(詳細的前端項目實戰教學視頻,PDF)

可以結合以下偽類進行設置(不同的操作系統瀏覽器滾動條可能不一樣,所有可以根據下面偽類來設置):

  • :horizontal 水平方向的track、track-piect、thumb
  • :vertica 垂直方向的track、track-piect、thumb
  • :decrement 向上和向左按鈕的button、向上或向左的track-piece
  • :increment 向下和向右按鈕的button、向下和向右的track-piece
  • :start 適用于buttons和track pieces,對象(buttons 或 trace piece)是否放在滑塊的前面
  • :end 適用于buttons和track pieces,對象(buttons 或 trace piece)是否放在滑塊的后面
  • :double-button 適用于buttons和track pieces,軌道結束的位置是否是一對按鈕
  • :single-button 適用于buttons和track pieces,軌道結束的位置是否是一個按鈕
  • :no-button 適用于track pieces,軌道結束的位置沒有按鈕
  • :corner-present 適用于所有scrollbar,滾動條的角落是否存在
  • :window-inactive 適用于所有scrollbar,包含滾動條的區域,焦點不在該窗口的時候
  • :enabled, :disabled, :hover , :active 這些偽類同樣適用

IE滾動條樣式重置

IE中只能修改滾動條顏色

scrollbar-arrow-color:#f2f2f3;  /*上下箭頭*/
scrollbar-track-color  /*底層背景色*/
scrollbar-face-color   /*滾動條前景色,對應thumb*/
scrollbar-shadow-color /*滾動條邊線色,thubm的border*/
scrollbar-highlight-color  /*滾動條整體顏色*/
scrollbar-base-color /* 滾動條基準顏色 */
web前端開發學習Q-q-u-n:784783012 ,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法
(詳細的前端項目實戰教學視頻,PDF)
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

巴林右旗| 射洪县| 宜兰县| 安岳县| 东港市| 光山县| 大厂| 盘锦市| 扎兰屯市| 苏尼特左旗| 上林县| 喜德县| 奈曼旗| 同仁县| 肇源县| 治多县| 七台河市| 陕西省| 藁城市| 临清市| 丰都县| 吉木乃县| 温州市| 胶南市| 普兰县| 九龙县| 邓州市| 和平县| 邵武市| 任丘市| 保德县| 军事| 乌鲁木齐县| 古蔺县| 荆门市| 舒城县| 青海省| 吴川市| 呼和浩特市| 阜平县| 克山县|