css 瀏覽器兼容總結

1. 取消Chrome表單文本框自動填充黃色背景色樣式

input:webkit-autofill{
    -webkit-box-shadow : 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333;
}

2.修改表單提示顏色(placeholder默認的字體顏色是淺灰色的)

    1) Chrome

 input::-webkit-input-placeholder{color:black;}

    2) Firefox

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    opacity:1;
}

    3) IE

 input:-ms-input-placeholder{ color: #000;opacity:1;}

3.去除buuton點擊後出現邊框

button:focus { 
    outline: none;//outline:0;
}

    Firefox

button::-moz-focus-inner {
    border: 0;
}

                                                                                                        ---------------------------持續更新