在Chrome中的表格樣式

Question

我有這個網頁：http://tecnifarm.com/contacto.php帶有聯繫表格。有人知道如何防止Chrome使用「用戶代理樣式表」來改變textarea的背景顏色嗎？

我有這樣的CSS樣式表：

input[type=email] { 
    border: #e5e4e3 1px solid; 
    font-size: 14px; 
    padding: 4px; 
    background-color: #ffffff; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
    font-family: 'Abel', sans-serif; 
    color: #586d7a; 
    min-width: 491px; 
    height: 30px; 
} 

input[type=text]{ 
    border:#e5e4e3 1px solid; 
    font-size: 14px; 
    padding: 4px; 
    background-color:#fff; 
    margin-top:10px; 
    margin-bottom:10px; 
    font-family: 'Abel', sans-serif; 
    color:#586d7a; 
    width:491px; 
    height:30px; 
} 

但只要您完成在Chrome領域它變成：

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

我用邁耶Reset.css但似乎沒有按不要停止這個。 謝謝！

Answer 1

解決方案：

輸入：-webkit-自動填充，文本區域：-webkit-自動填充， 選擇：-webkit-自動填充{ 背景色：#FFF; -webkit-box-shadow：0 0 0px 1000px white inset; }