css - CSSを使用して、フォームのオートコンプリートの無効化をオーバーライドできますか？その場合、どのようにすればよいですか？

Question

Chrome拡張機能Stylishを使用して、無効になっているフォームでオートコンプリートを再度有効にしようとしています。

具体的には、フォームを指定して無効にしautocomplete="off"、再度有効にします。

私はこれを使ってみました：

form { autocomplete: on;}

とそのバリエーションですが、動作しません。これがCSSを介してオーバーライドできる属性であるかどうかはわかりませんが、その方法は言うまでもありません。

Answer 1

CSS はstyle、プロパティの内容と一部の古い属性 (長さ/セルパディング/色など) に影響を与えます。オートコンプリートはそれらの 1 つではありません。JSは正しい方法です。
次の行に何か：

documnet.getElementById('element_id').autocomplete='on';

Answer 2

Firebugをインストールし、それを使用して構文を把握し、Tampermonkey用の粗雑なスクリプトを作成しました(はい、これらは別のブラウザー用です。これを Chrome で動作させたいと思っていましたが、firebug を使用すると、把握してテストするための簡単な方法になることがわかっていました)。構文):

// ==UserScript==
// @name       Autocomplete Enabler
// @version    0.1
// @description  enter something useful
// @include    http://*/*
// @include    https://*/*
// @copyright  2011+, You
// ==/UserScript==
var formcount=0;
var i=0;

for (i=0;i<=formcount;i++)
{
    document.getElementsByTagName('form')[i].setAttribute('autocomplete','on');
}

少なくとも私の銀行のウェブサイトではうまくいきました。必要に応じてフォーム情報を保存します。

Answer 3

あなたはそれをするためにユーザースクリプトを書くことができます。