2

私は美しいhtmlフォームボタンをデザインしました（input type = "submit"用）。しかし、私はそれらが押されたときにもはや沈まないことを理解しています。ボタンを押すとすぐに次のページに移動するので、通常は問題ありません。また、Firefoxでは、ボタンのテキストの周りに点線のアウトラインが表示されるため、少し見えます。しかし、ユーザーがサファリに大きな画像をアップロードしようとしましたが、ボタンが押されたか、画像がアップロードされているかはまったくわかりませんでした。

それでは、押されたときに非常に明確になる素敵な境界線を持つ定型化された送信を行うための最良の方法は何ですか？javascriptを使用して、プレスとプレス解除を検出し、それに応じてクラスを変更することもできますが、これを行うためのより簡単な標準的な方法があることを望んでいますか？そうでない場合、これに対処するための優れたjQueryライブラリはありますか？

これが私が話していることです：http：//jsfiddle.net/gctJq/

jQuery UIボタンウィジェットが見つかりました！簡単な標準のhtmlソリューションがなかったら、これが私が探していたものだと思います。私はすでに他の要素にjQueryUIを使用していますが、これをカスタマイズしてすべてのサイズと色のボタンを取得するのはどれほど難しいのだろうかと思います。1つの標準サイズと色に適しているようです。

4

2 に答える 2

0

：activeセレクターを使用します

ここで実際の動作を確認してください

http://jsfiddle.net/gctJq/1/

注目に値するのは、それがすべての最新のブラウザの期待で動作することです...ドラムサウンド...すなわち！ つまり、8で機能しますが、テキストを入力することはできません。代わりに、背景画像を使用してテキストを入力し、すべてのブラウザで同じように表示されるようにします。送信時に送信ボタンを無効にして、データが送信され、処理されていることを使用できるようにします。このようなものは、それが実際にそうであることも示します。

<input type="submit" onclick="this.disabled=true;this.value='loading...'" />
于 2010-12-03T23:51:27.280 に答える
0

境界線を指定すると、ブラウザのデフォルトのスタイルがいくらか削除されます。

ボタンを押したときの外観を手動で指定する必要があります。

また、フォーム上の要素がフォーカスされている場合、IEは送信ボタンに1pxの境界線を追加することに注意してください。それを取り除く唯一の方法（私が知っている）はborder: none;、ボタンに適用し、別の方法で境界線を模倣することです。

于 2010-12-03T23:53:30.680 に答える