css常用系列

• ios滑动不流畅

-webkit-overflow-scrolling: touch;

• 修改chrome记住密码后自动填充表单的黄色背景

  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189); /* #FAFFBD; */
    background-image: none;
    color: rgb(0, 0, 0);
  }

• 让页面里的字体变清晰，变细用CSS怎么做

  -webkit-font-smoothing: antialiased;

• 小程序textarea浮动问题

textarea的父级设置了overflow会导致样式错乱，把所有父级的overflow去掉就好了

• 自定义滚动条

 ::-webkit-scrollbar                滚动条整体部分
 ::-webkit-scrollbar-thumb          滚动条里面的小方块，能向上向下移动（或向左向右移动）
 ::-webkit-scrollbar-track          滚动条的轨道（里面装有Thumb）
 ::-webkit-scrollbar-button         滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。
 ::-webkit-scrollbar-track-piece    内层轨道，滚动条中间部分
 ::-webkit-scrollbar-corner         边角，即垂直滚动条和水平滚动条相交的地方
 ::-webkit-resizer                  两个滚动条的交汇处上用于拖动调整元素大小的小控件