Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>for the autocompletion, you can use:</p> <pre><code>&lt;form autocomplete="off"&gt; </code></pre> <p>regarding the coloring-problem:</p> <p>from your screenshot i can see that webkit generates the following style:</p> <pre><code>input:-webkit-autofill { background-color: #FAFFBD !important; } </code></pre> <p>1) as #id-styles are even more important than .class styles, the following <em>may</em> work:</p> <pre><code>#inputId:-webkit-autofill { background-color: white !important; } </code></pre> <p>2) if that won't work, you can try to set the style via javascript programmatically </p> <pre><code>$("input[type='text']").bind('focus', function() { $(this).css('background-color', 'white'); }); </code></pre> <p><strong>3) if that won't work, <strike>you're doomed :-)</strike> consider this: this wont hide the yellow color, but will make the text readable again.</strong></p> <pre><code>input:-webkit-autofill { color: #2a2a2a !important; } </code></pre> <p><strong>4) a css/javascript solution:</strong></p> <p>css:</p> <pre><code>input:focus { background-position: 0 0; } </code></pre> <p>and the following javascript has to be run onload:</p> <pre><code>function loadPage() { if (document.login)//if the form login exists, focus: { document.login.name.focus();//the username input document.login.pass.focus();//the password input document.login.login.focus();//the login button (submitbutton) } } </code></pre> <p>eg:</p> <pre><code>&lt;body onload="loadPage();"&gt; </code></pre> <p>good luck :-)</p> <p>5) If none of the above work try removing the input elements, cloning them, then placing the cloned elements back on the page (works on Safari 6.0.3):</p> <pre><code>&lt;script&gt; function loadPage(){ var e = document.getElementById('id_email'); var ep = e.parentNode; ep.removeChild(e); var e2 = e.cloneNode(); ep.appendChild(e2); var p = document.getElementById('id_password'); var pp = p.parentNode; pp.removeChild(p); var p2 = p.cloneNode(); pp.appendChild(p2); } document.body.onload = loadPage; &lt;/script&gt; </code></pre> <p>6) From <a href="http://code.google.com/p/chromium/issues/detail?id=46543#c22" rel="noreferrer">here</a>:</p> <pre><code>if (navigator.userAgent.toLowerCase().indexOf("chrome") &gt;= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name=' + name + ']').val(text); }); }); } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload