如何禁用在Opera中的登录/密码突出显示？ [英] How to disable login/password highlighting in Opera?

问题描述

当用户确认保存密码提示时，Opera总是显示登录/密码输入。它不适合我的设计，是否有任何CSS方法来改变/禁用它？

编辑其他解决方案？

解决方案

Foolproof JS解决方案。它只是复制用户名和密码字段（更改name =），隐藏原始的并设置它们id = username_original，...当触发form_submit时，来自新的可见字段的值被复制到旧字段（隐藏，但是，

 <$ c $ 
 c> .hidden {
 position：absolute; 
 width：0; height：0; 
 overflow：hidden; 
 visibility：hidden; 
} 
  

JS

  if（document.addEventListener）{
 document.addEventListener（DOMContentLoaded，func，false）; 
} 
 
 function func（）{
 //重复输入[id = username]，设置为原类class = hidden 
 var obj = document.getElementById（用户名）; 
 var newObj = obj.cloneNode（true）; 
 newObj.name =; 
 obj.id + =_original; 
 obj.className =hidden; 
 obj.parentNode.insertBefore（newObj，obj）; 
 
 //重复输入[id = password]，设置为原类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; 
} 
 
函数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 =postid =form>< div> 
< input type =textid =usernamename =username/>< br /> 
< input type =passwordid =passwordname =password/>< br /> 
< input type =submitid =submit/> 
< / div>< / form> 
  

Opera always orange highlights login/password inputs when user confirms "save password" prompt. It doesn't fit my design, is there any CSS way to alter/disable it?

Edit if not by CSS, is there any other solution?

解决方案

Foolproof JS solution. It just duplicates username and password fields (with changed name=""), hide original ones and set them id=username_original, ... When form_submit is triggered, values from new visible fields are copied to old fields (which are hidden, but have name attribute - Opera wand will handle these).

Additional 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

<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>

这篇关于如何禁用在Opera中的登录/密码突出显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！