0

ここで、ASP.NET Web アプリで使用したい非常に優れたボタンのセットを見つけました。

http://www.red-team-design.com/just-another-awesome-css3-buttons#comment-168128

これらのボタンは純粋な CSS3 を使用して設計されています。そこにある CSS クラスを使用して my を設定<asp:button CssClass = "button">すると、その CSS クラスからいくつかの要素 (背景色、境界線のスタイルなど) が取得されますが、アイコンは使用されません。

CSSサブクラスを使用できないため、アイコンを使用できないことはわかっています（たとえば<asp:button CssClass = "button add">、そうする方法がある場合は修正してください）。したがって、ボタンごとに異なるクラスを作成するつもりでした。

たとえば、私が名前を付けたプラス アイコンの付いたボタンの場合、.buttonPlusCSS 属性content: "\271A";(+ アイコン) を.buttonPlus:beforeセレクタの一部に移動しましたが、それでもアイコンはレンダリングされません。彼らが提案するようにボタンを使用する場合（HTMLリンクを使用）：

<a href="" class="button add">Add</a>

ボタンはアイコンでレンダリングされます。もちろん、明らかな理由から、ASP.NET サーバー側のボタンを使用したくありません。

CSS3 と ASP.NET の両方に詳しい方がいらっしゃいましたら、その方法を教えてください。

ありがとう！

4

2 に答える 2

4

LinkButtonの代わりにサーバー コントロールを使用する必要がありますButton。

これにより、レンダリングされた html でボタン タグの代わりに html アンカー タグが確実に使用されます。

<asp:LinkButton CssClass="button" />
于 2013-02-01T11:45:58.323 に答える
2

アンカーとしてレンダリングされるlinkbuttonを使用したい場合があり、それぞれのクラスを適用すると、そのリンクに示されているのと同じ出力が得られます。

于 2013-02-01T11:50:21.047 に答える