Wie kann ich die Anmeldung/Passwort-Hervorhebung in Opera deaktivieren?

Question

Opera immer orange markiert Login/Passwort-Eingaben, wenn Benutzer bestätigt "Passwort speichern" -Prompt. Es passt nicht zu meinem Design, gibt es eine CSS-Möglichkeit, es zu ändern/zu deaktivieren?

Bearbeiten Wenn nicht von CSS, gibt es eine andere Lösung?

Answer 1

Foolproof JS Lösung. Es dupliziert nur die Felder Benutzername und Passwort (mit geändertem Namen = ""), versteckt die ursprünglichen und setzt sie auf id = username_original, ... Wenn form_submit ausgelöst wird, werden Werte von neuen sichtbaren Feldern in alte Felder kopiert (die ausgeblendet sind, aber have name Attribut - Opera Zauberstab wird diese behandeln).

Zusätzliche 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-Formular

<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

Es ist nicht möglich, dies mit CSS zu deaktivieren - es ist ein Browser-Funktion :-)

Sie auch verschiedene Grenze zwickt mit dem Versuch, aus nicht weit kommen: Umrisse wirkt sich auf die Gegend um das Highlight, Einschub Box- Schatten, Hintergrundfarbe usw. gehen darunter.