如何在Opera中禁用登錄/密碼高亮顯示？

Question

當用戶確認「保存密碼」提示時，Opera橙色突出顯示登錄/密碼輸入。它不適合我的設計，是否有任何CSS方法來改變/禁用它？

編輯如果不是通過CSS，是否有任何其他解決方案？

Answer 1

萬無一失的JS解決方案。它只是複製用戶名和密碼字段（使用更改後的名稱=「」），隱藏原始字段並將其設置爲id = username_original，...當form_submit被觸發時，來自新可見字段的值被複制到舊字段（隱藏，但具有名稱屬性 - Opera魔杖將處理這些）。

附加CSS

.hidden { 
    position: absolute; 
    width: 0; height: 0; 
    overflow: hidden; 
    visibility: hidden; 
}  

JS

if (document.addEventListener) { 
    document.addEventListener("DOMContentLoaded", func, false); 
} 

function func() { 
    // duplicate input[id=username], set to original class=hidden 
    var obj = document.getElementById("username"); 
    var newObj = obj.cloneNode(true); 
    newObj.name = "";  
    obj.id += "_original"; 
    obj.className = "hidden"; 
    obj.parentNode.insertBefore(newObj,obj); 

    // duplicate input[id=password], set to original class=hidden          
    var obj = document.getElementById("password"); 
    var newObj = obj.cloneNode(true); 
    newObj.name = "";  
    obj.id += "_original";  
    obj.className = "hidden"; 
    obj.parentNode.insertBefore(newObj,obj); 


    document.getElementById("submit").onclick = formSubmit; 
}   

function formSubmit() { 
    if(document.getElementById("username_original").value != "") return; 
    else if(document.getElementById("username_original").value != document.getElementById("username").value) { 
     document.getElementById("username_original").value = document.getElementById("username").value; 
     document.getElementById("password_original").value = document.getElementById("password").value; 
    } 
    else return false; 
} 

HTML表單

<form action="" method="post" id="form"><div> 
    <input type="text" id="username" name="username" /><br /> 
    <input type="password" id="password" name="password" /><br /> 
    <input type="submit" id="submit" /> 
</div></form> 

Answer 2

這是不可能的CSS禁用此 - 這是:-)

瀏覽器功能，您也不會與嘗試不同的邊界調整跑遠：輪廓影響周圍的亮點區域，插圖箱 - 陰影，背景顏色等等。