css属性

• object-fit:cover;保证图片不变形
• clip：rect (top, right, bottom, left)clip属性裁剪绝对定位元素
• outline ：none;当input选中的时候会出现一个边框
• user-select禁止文本选中
• -webkit-appearance去除默认样式
• -webkit-scrollbar自定义浏览器滚动条
• -webkit-tap-highlight-color: transparent;点击时不高亮显示

/*一般设置成 none*/
textarea:focus, input:focus{
    outline: none;
}

p {
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

input, button, textarea, select {
    *font-size: 100%;
    -webkit-appearance:none;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
div::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(245, 245, 245, 0.47);
}
/*定义滚动条的轨道，内阴影及圆角*/
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
div::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(85, 85, 85, 0.25);
}

-webkit-tap-highlight-color: transparent;