成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

自定義滾動(dòng)條

王晗 / 1512人閱讀

摘要：效果圖

html↓

css↓

.test {
      display: inline-block;
      margin: 60px 40%;
      width: 280px;
      padding: 5px 4px;
      min-height: 20px;
      line-height: 20px;
      max-height: 72px;
      border: 1px solid #ccc;
      font-size: 12px;
      word-wrap: break-word;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-user-modify: read-write-plaintext-only;
      border-radius: 4px;
    }
      .test::-webkit-scrollbar {
      width: 4px;
      height: 1px;
    }
    .test::-webkit-scrollbar-thumb {
      border-radius: 4px;
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: #C8C8C8;
    }
    .test::-webkit-scrollbar-track {
      border-radius: 4px;
      background-color: #FFFFFF;
    }

效果圖

                               (?′?‵?)Ｉ?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52684.html

相關(guān)文章

  • 如何自定義CSS滾動(dòng)條的樣式？

    摘要：需求有的時(shí)候我們不想使用瀏覽器默認(rèn)的滾動(dòng)條樣式，因?yàn)椴粔蚨ㄖ苹兔烙^?？稍O(shè)置豎直水平方向的滾動(dòng)條可以設(shè)置水平方向的滾動(dòng)條，不加默認(rèn)是豎直方向。自定義滾動(dòng)條樣式可自定義的樣式比較少，只能控制滾動(dòng)條各個(gè)部分顯示的顏色，定制性較低。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由前端林子發(fā)表 本文會(huì)介紹CSS滾動(dòng)條選擇器，并在demo中展示如何在Webkit內(nèi)核瀏覽器和I...

    linkFly 評(píng)論0 收藏0

  • 如何自定義CSS滾動(dòng)條的樣式？

    摘要：可設(shè)置豎直水平方向的滾動(dòng)條可以設(shè)置水平方向的滾動(dòng)條，不加默認(rèn)是豎直方向。自定義滾動(dòng)條樣式自定義滾動(dòng)條樣式可自定義的樣式比較少，只能控制滾動(dòng)條各個(gè)部分顯示的顏色，定制性較低。歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由前端林子發(fā)表 本文會(huì)介紹CSS滾動(dòng)條選擇器，并在demo中展示如何在Webkit內(nèi)核瀏覽器和IE瀏覽器中，自定義一個(gè)橫向以及一個(gè)縱向的滾動(dòng)條。 0.需求...

    kviccn 評(píng)論0 收藏0

  • 如何自定義CSS滾動(dòng)條的樣式？

    摘要：需求有的時(shí)候我們不想使用瀏覽器默認(rèn)的滾動(dòng)條樣式，因?yàn)椴粔蚨ㄖ苹兔烙^?？稍O(shè)置豎直水平方向的滾動(dòng)條可以設(shè)置水平方向的滾動(dòng)條，不加默認(rèn)是豎直方向。自定義滾動(dòng)條樣式可自定義的樣式比較少，只能控制滾動(dòng)條各個(gè)部分顯示的顏色，定制性較低。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由前端林子發(fā)表 本文會(huì)介紹CSS滾動(dòng)條選擇器，并在demo中展示如何在Webkit內(nèi)核瀏覽器和I...

    leonardofed 評(píng)論0 收藏0

  • 修改bootstrap table 源碼實(shí)現(xiàn)固定高時(shí)自定義滾動(dòng)條的樣式

    摘要：同時(shí)在里，大概第行，有一些用來(lái)計(jì)算滾動(dòng)條寬度的樣式。下面是顯示效果，分別為有滾動(dòng)條時(shí)候和無(wú)滾動(dòng)條時(shí)候。至此，自定義滾動(dòng)條樣式就完成了。 ????????bootstrap table 其方便性與實(shí)用性已不言而喻，然，在我們實(shí)際應(yīng)用中總是有這種那種的需求，比如我近期遇到的，就是需要自定義滾動(dòng)條 = =，不過(guò)話說(shuō)初始滾動(dòng)條確實(shí)有點(diǎn)難看... ????????現(xiàn)在大多數(shù)網(wǎng)站滾動(dòng)條都還是...

    littleGrow 評(píng)論0 收藏0

  • 修改bootstrap table 源碼實(shí)現(xiàn)固定高時(shí)自定義滾動(dòng)條的樣式

    摘要：同時(shí)在里，大概第行，有一些用來(lái)計(jì)算滾動(dòng)條寬度的樣式。下面是顯示效果，分別為有滾動(dòng)條時(shí)候和無(wú)滾動(dòng)條時(shí)候。至此，自定義滾動(dòng)條樣式就完成了。 ????????bootstrap table 其方便性與實(shí)用性已不言而喻，然，在我們實(shí)際應(yīng)用中總是有這種那種的需求，比如我近期遇到的，就是需要自定義滾動(dòng)條 = =，不過(guò)話說(shuō)初始滾動(dòng)條確實(shí)有點(diǎn)難看... ????????現(xiàn)在大多數(shù)網(wǎng)站滾動(dòng)條都還是...

    anRui 評(píng)論0 收藏0

  • 瀏覽器滾動(dòng)條 --- 自定義“衣裳”

    摘要：由于種種原因，瀏覽器的默認(rèn)滾動(dòng)條衣裳實(shí)在是，為了美，本人結(jié)合萬(wàn)維網(wǎng)各大神給的經(jīng)驗(yàn)和自己的實(shí)踐，做了此篇總結(jié)。標(biāo)識(shí)對(duì)象是否放到滑塊的后面。該偽類(lèi)可以用于按鈕和內(nèi)層軌道。用于所有滾動(dòng)條軌道，指示滾動(dòng)條圓角是否顯示。由于種種原因，瀏覽器的默認(rèn)滾動(dòng)條衣裳實(shí)在是 (ˉ▽?zhuān)?~~，為了美，本人結(jié)合萬(wàn)維網(wǎng)各大神給的經(jīng)驗(yàn)和自己的實(shí)踐，做了此篇總結(jié)。若有錯(cuò)誤，請(qǐng)?jiān)谠u(píng)論里給出，我會(huì)及時(shí)更改。 我在電腦上打開(kāi)了...

    mtunique 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<