css样式小结（持续更新...）

1.手写table的border，显示空白间隔，而不是想要的样式，需要添加下面的样式处理

table{

　　border-collapse:collapse;

}

2.移动端输入框效果，去掉高亮边框，

input:focus, input:hover, input:active,textarea:focus, textarea:hover, textarea:active {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
    outline:0;//去掉边框
    // color: #78BC27;//改变光标颜色
    // -webkit-text-fill-color: #444;//输入文字的颜色
}

3.设置placeholder位置及字体大小，颜色

input::-webkit-input-placeholder
    color: #bfbfbf
    font-size $font-size12
    padding .4rem .125rem
input::-moz-placeholder 
    color: #bfbfbf
    font-size $font-size12
    padding .4rem .125rem
input::-moz-placeholder 
    color: #bfbfbf
    font-size $font-size12
    padding .4rem .125rem
input::-ms-input-placeholder 
    color: #bfbfbf
    font-size $font-size12
    padding .4rem .125rem  

 

4.