内部SPANなしのタグAに基づくボタン

インターネット全体には、拡張可能なボタンの作成方法に関する記事がたくさんあります。

CSSスプライトに基づいています。



しかし、それらはすべて<a>タグ内で追加の<span />を使用します。

これはくて意味的に間違っています。

JavaScriptを使用せずにボタンを作成して追加する必要があります。 要素。





このような単純なHTMLを見たいと思いました。



<a href="javascript: alert('!')" class="button"> </a>







長い闘争の後、それが可能であることが判明しました！

Mozilla Firefox、Chrome、Operaの場合、CSSセレクターの後に.button：を使用します。

IE6.7の場合：SPANおよびクラスをボタン要素に追加するHTCファイル。



ここに例があります



ブラウザでテスト済み：IE6、IE7、Firefox 3、Chromium 2.0.177.0（14598）、Opera 9.64。



短所：

• CSSは検証されていません
• IEでは、多くのボタンがある場合、起動時にデフォルトのスタイルで「点滅」する場合があります。
• Firefox 2では動作しません-インラインブロックをサポートしていません。 これは基本的に解決可能です。