問題タブ [input-button-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
12 に答える
764187 参照

css - CSSを使用して入力ボタンの画像を変更する方法

だから、私はを使用して画像で入力ボタンを作成することができます

しかし、CSSを使用して同じ動作を取得することはできません。たとえば、私は試しました

ここで、「myButton」はCSSファイルで次のように定義されています。

それが私がやりたかったのであれば、元のスタイルを使用することもできますが、ホバー時のボタンの外観を変更したいと思います(myButton:hoverクラスを使用)。ページの他の部分の背景画像としてリンクを読み込むことができたので、リンクが適切であることはわかっています(チェックとして)。JavaScriptを使用してそれを行う方法の例をWebで見つけましたが、CSSソリューションを探しています。

違いがあれば、Firefox3.0.3を使用しています。

0 投票する
2 に答える
4612 参照

safari - 入力ボタンの画像 - Chrome と Safari では機能しませんか?

index.html に次のコードがあります。

firefox、opera、IE 7 では、ocean.png が表示され、クリックできます。私がそうすると、それに応じて、想定されているmp3が再生されます!

この同じコードを Safari (Windows および Mac) と Chrome でロードすると、ocean.png が表示されず、クリックするボタンがありませんか?

このコード/デザインを Safari と Chrome で動作させるために追加または実行できることはありますか?

ありがとう

0 投票する
3 に答える
4400 参照

asp.net - 入力ボタンは RequiredFieldValidator を起動させます

ページに動的に作成される入力ボタンがあり、それを押すたびに、電子メール アドレスの空白フィールドに対して RequiredFieldValidator が起動されます。それを上書きする方法はありますか?

入力コード:

バリデーターコード:

0 投票する
2 に答える
1914 参照

css - 入力ボタン、CSSを使用した単一画像のロールオーバー

このハードルをグーグルで検索すると、フォームのボタンとして画像を使用するときに、cssとさまざまな静的ボタンをロールオーバーとして適用する方法に関する大量の情報が思い浮かびました。

私の質問は、(ボタン上の)各マウスイベントのボタンをどのように変更し、すべての状態に1つの画像を使用しているのかということです。

たとえば...ボタンに次のHTMLがあります

これとは別に、以前使用した次のCSSがあります...

今は明らかに現時点では機能しません...では、どうすればよいでしょうか?私はもっ​​と「純粋な」CSSソリューションを探しているので、一日を明るくするJSはありません。

または、状態ごとに2/3の個別のボタンを使用する必要がありますか?

0 投票する
1 に答える
1514 参照

asp.net-mvc - 複数の入力サブミットを含む T4MVC Html.BeginForm

コントローラ...

とビュー...

imgbtn パラメータをメソッドに渡さなかったため、これは機能しません。私はそれを行う正しい方法は何ですか?

0 投票する
1 に答える
4323 参照

html - CSS と画像を使用した送信ボタンのスタイル設定

送信ボタンを作成してスタイルを設定したい

input type="submit" style="buttonClass">

ホバー状態と通常状態の両方で機能するCSSと提供された画像を使用しますが、目的の出力に到達できません。完璧なアンカー タグとスパンを使用してボタンを作成しましたが、送信ボタンにも同じルック アンド フィールが必要です。PS: ターゲット ブラウザーが IE7 と IE 8 になるため、css3 の moz と webtoolkit を使用できません。さらに、クライアントが提供する画像のみを使用する必要があります<input type="submit">。アンカーボタンを使用して作成されたボタン<a><span></span></a>

左 右

HTML そのまま

あるべきHTML

アンカーを使用するボタンの CSS AS IS

右の画像 左

0 投票する
2 に答える
574 参照

android - テキストと画像を中央のアンドロイドのボタンに追加する

私はAndroid開発の初心者で、小さなAndroidアプリケーションを開発しています。私のアプリケーションでは、ボタンを使用しています。ただし、画像とテキストが含まれています。すべてが正常に機能しています唯一のことは、ボタンの中央にテキストが表示され、ボタンの最後に画像が表示され、画像とテキストの両方が中央に表示されることです..私のボタンコードは次のようになります...

彼は、画像を左上隅の位置にのみ設定できますが、中央には設定できません..その画像とテキストをボタンの中央に表示する方法...助けが必要です...ありがとう...