2011-06-20 13 views
1

送信ボタンからCSSスタイルを削除して、デフォルトのブラウザスタイルを適用する方法はありますか?送信ボタンのスタイルを削除する

+2

これはあまりにも曖昧です。今どのようなスタイルルールが適用されていますか?スタイルボタンが適用されていない場合は、ユーザーのデフォルトレンダリングの選択のように見える入力ボタンが表示されます。 – cspray

+0

実際にはありません。ボタンにスタイルを適用すると、デフォルトのブラウザスタイルは適用されなくなります。私はデフォルトのブラウザスタイルが再適用されるようにそれをリセットする方法を尋ねています。 –

答えて

4

あなたがそこに、より良いリストは、おそらくですが、私は怠け者だ、ここで

jsFiddle

input.overridecss { 
    background-color: ButtonFace; 
    color:ButtonText; 
} 

list of values you can overrideで、システム値にスタイルを設定することができます。あなたが開発している場合ここで

[編集]

Appearence

0

から

input[type=button] { 
    appearance:push-button; /* expected from UA defaults */ 
} 

ので、ここでは、

笑廃止されましたSpecificationである私は推測する正しい方法ですCSSファイルからルールを削除するだけです。

そう、あなたはすなわち、thatsの場合あなたが探しているものの条件のいくつかの並べ替えに基づいてそれらをリセット/削除するにはJavascriptを/ jQueryのを使用することができますしたい場合:

$("#myButton").css("background",""); 

などなど... 。

サイトを使用していてもビルドしていない場合は(ブラウザによってはFirefox 4を見ています)Web開発ツールバーのオプションを使用してレンダリングからCSS全体または一部を無効にすることができます...あなたがロードするすべてのサイトのデフォルト設定として適用できるかどうかはわかりません。

+3

なぜ神の名前でこれにjQueryを使用する必要がありますか? – dmackerman

+1

私は個人的にやっていることではなく、私はそれが可能であると言っています。 (そして、JQueryがバニラJSよりも簡単にデモンストレーション/読み込みできるように書いています)。 – Codecraft

0

CSSクラスでプログラム的に適用しているスタイルを格納します。あなたがデフォルトに戻ってみたいときは、クラスを削除してください。

2
button { 
    padding:0; margin:0,border:0;background-color:transparent; 
} 

これは?

+0

10/10サー、ありがとう –

0

jQueryを使用したくない場合は、次のコードを使用して、送信ボタンからすべてのスタイルとクラスを削除できます。

$('input[type="submit"]').removeClass(); 
$('input[type="submit"]').removeAttr("style"); 

これにより、すべてのクラスとインラインスタイルが削除されるため、システムのデフォルトボタンスタイルがすべての送信ボタンに適用されます。

+0

あなたの呼び出しの後では、インプットだけでie.input [type = "submit"] {color:red}のCSSファイルからスタイリングが削除されることはありません。 – Andrew

+0

良い点。はい、あなたは正しいです。 – Codemole

0

私はので、私が持っていたことが判明:私は、これは代わりにある入れ、ボタンを提出影響私のコードで

* { border: 0; padding: 0; } 

などなど

を:

*:not(input) { border: 0; padding: 0; } etc etc. 

これは修正するように見えましたそれ。

関連する問題