2011-01-28 9 views
2

ボタンを形成するためにスタイルを定義しようとするといくつか問題があります。私のアプリケーションはIE6と互換性がなければなりません。つまり、属性セレクタは使用できません。代わりに各ボタンにクラスを追加しました。ここで"input type = submit"はCSSクラスを理解していますか?

は私のボタンのいずれかのコード(ASP.Net自動生成されたコード)

<input type="submit" name="ctl00$cphContenu$adminTabContainer$adminTabAccueil$ctl01" value="Valider" class="formBouton" /> 

であり、ここでそれに影響を与えるべきでCSSのdefinitons

* 
{ 
    font-family:verdana, sans-serif; 
    font-size:12px; 
    margin:0; 
    padding:0; 
    border:0; 
} 

input, textarea, select 
{ 
    border:2px inset #ccc; 
} 

.formBouton 
{ 
    border:2px outset #ccc; 
} 

は、結果がAでありますのインセットボーダーのボタン。私の最初の手がかりは、私のスタイルシートの他のいくつかのCSSが干渉していたことです。そのため、私のボタンにスタイルが適用されたFirefoxのWeb開発ツールバーを調べました。ユニバーサルセレクタとタグセレクタの2つだけが使用されます。望ましくない定義は適用されず、クラスはまったく考慮されません。そして私は理由を知りません。

編集:IE6のおかげで、実際に何が起こっているかを確認する時間がありました。私のクラスは意図したとおりに動作しましたが、読み込み中に突然削除されました(wed devツールバーに表示されません)。実際には私のJSコードのバグでした。助けようとしたすべての人に感謝します。 :)

答えて

1

IE6では、あなたが好きなようにCSSで枠線をスタイルすることができないからだと思います。この問題を回避するには、ボタンの境界線をborder: 0で削除し、ボタンを境界線として囲むようにします。ここに例があります:Any way to remove IEs black border around submit button in active forms?

+0

これは良いことです。ありがとうございます。残念ながら、それは私の問題を助けません。私はFirefoxとIEで同じ問題を抱えています。境界を定義することはできません。クラス定義内のコードを読んでいない場合でもボタンを0にします。 :/ –

0

私はIE6用にプログラミングして以来、しばらくお待ちしていますが、フォームのどのボタンも送信アクションをトリガーしていませんか?たとえそれが入力提出ではないのですか?

もう1つのオプションは、ボタンを押してフォーム送信アクションonclickを生成することです。これにより、好きなようにボタンをスタイルすることができます。

+0

はい、あなたが '

関連する問題