網頁不可避免的使用到表單，提交一些內容到后端，進行前后端交互。可是由於瀏覽器總是有各自的默認樣式，所以需要對其進行清除。總的來說有以下幾種：
1、input輸入框獲取焦點的時候，默認帶藍色邊框，如果設計要求不帶藍色邊框可以按照以下方式處理：
input{outline:none;}
同時，一些textarea、select、button控件也會帶有邊框，所以可以在網站的通用css文件中進行如下設置：
nput,button,select,textarea{ outline:none;}
2、chrome瀏覽器自動填充的內容默認帶黃色背景色，如何去除呢？可以按照以下方式進行設置：
chrome表單自動填充后，input文本框的背景會變成偏黃色的，這是由於chrome會默認給自動填充的input表單加上input:-webkit-autofill私有屬性，然后對其賦予以下樣式：
在有些情況下，這個黃色的背景會影響到我們界面的效果，尤其是在我們給input文本框使用圖片背景的時候，原來的圓角和邊框都被覆蓋了。具體設置方式如下：
法一：可以對input:-webkit-autofill使用足夠大的純色內陰影來覆蓋input輸入框的黃色背景：
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
}
方法二： 如果有使用圓角等屬性，或者發現輸入框的長度高度不太對，可以對其進行調整，除了chrome默認定義的background-color，background-image，color不能用!important提升其優先級以外，其他的屬性均可使用!important提升其優先級，如：
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
height: 27px!important;
line-height: 27px!important;
border-radius: 0 4px 4px 0;
}
3、表單input輸入框placeholder字體大小及顏色修改配置：
::-webkit-input-placeholder { /* WebKit browsers */
color:#999;font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#999;font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#999;font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#999;font-size:14px;
}