ASP.NET .NET4.0WebフォームWebサイトがあります。このウェブサイトのほぼすべてのページにいくつかの送信ボタンがあり、それらは次のコードで生成されます。
<asp:Button id="b1" Text="Submit" runat="server" />
次に、これをCSSスライドドア効果（または類似の何か）に切り替えて、すべてのボタン（送信ボタンとリンクボタン）で同じ外観を得る必要があります。
引き戸：http ：//alistapart.com/article/slidingdoors
これをできるだけ簡単に行うにはどうすればよいですか？
「引き戸」の手法で私が見つけた最大の問題は、マークアップに要素を追加する必要があることです。<span>ボタンをタグでラップすることで、これを実現できるはずです。
<span><asp:Button id="b1" Text="Submit" runat="server" /></span>
そして、スパンに左または右にいくらかのパディングを与えます（グラフィックの小さい部分を表示する側に応じて）。ただし、ロールオーバー効果を適用したい場合は問題が発生する可能性があり（スパンは:hoverボタン/リンクの状態を認識しません）、ユーザーはボタンの外側にある画像の断片をクリックできなくなります方程式にJavaScriptを追加しない限り、/link。
これは、比較的少ない利益のための多くの作業です。
複製しようとしているデザインを見ずに、正確なソリューションを提供することは困難です。ただし、画像を使用して達成しようとしていることのほとんどは、CSSを使用して実行でき、ボタンだけでなくリンクにも適用できることに気付くかもしれません。「引き戸」の手法ほどクロスブラウザにはなりませんが（たとえば、IEのonledrバージョンは丸みを帯びた角をサポートしていません）、ほとんどの最新のブラウザは問題なく対応できます。