美文网首页
记:滚动条样式设置,input的placeholder样式设置

记:滚动条样式设置,input的placeholder样式设置

作者: 天上月丶 | 来源:发表于2017-10-31 17:50 被阅读21次
    滚动条样式
    /滚动条整体部分,必须要设置/
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    }

    /滚动条的轨道/
    ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    }

    /滚动条的上下两端的按钮/
    ::-webkit-scrollbar-button {
    height: 10px;
    border-radius: 10px;
    }

    /滚动条的滑块按钮/
    ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #048AE9;
    box-shadow: inset 0 0 5px #fff;
    }

    input placeholder设置
    /input placeholder样式设置/
    input::-webkit-input-placeholder {
    /* placeholder颜色 /
    color: #fff !important;
    /
    placeholder字体大小 */
    font-size: 16px;
    font-weight: 100;
    }

    相关文章

      网友评论

          本文标题:记:滚动条样式设置,input的placeholder样式设置

          本文链接:https://www.haomeiwen.com/subject/plabpxtx.html