CSSで入力ボタンの画像を変更できますか?

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

この質問では、ユーザーは CSS を使用して入力ボタンに表示される画像を変更する可能性を検討します。 。彼らはクラスベースのアプローチを使用しようとしましたが、失敗しました。

提案された解決策

提供された回答は、「タイプ」の入力ボタンでは CSS スタイル設定ができないことを明らかにしています。 =画像」属性。 CSS を使用してボタンの外観を変更するには、代わりにタイプを「type=submit」に変更する必要があります。

技術的な詳細

「type=image」を使用した入力ボタン" SRC 属性が必要ですが、CSS を使用して設定することはできません。ボタンを「type=submit」に変換すると、ユーザーはホバー効果などの CSS スタイルを適用できるようになります。

ブラウザに関する考慮事項

Safari では、この方法でのボタンのスタイル設定はサポートされていません。 Safari との互換性が必要な場合、ユーザーは画像要素を作成し、クリック時にフォームを送信する onclick イベント リスナーをアタッチする必要があります。

以上がCSSで入力ボタンの画像を変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。