如何在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禁用此 - 这是:-)

浏览器功能，您也不会与尝试不同的边界调整跑远：轮廓影响周围的亮点区域，插图箱 - 阴影，背景颜色等等。