ボタンコントロールのテキスト部分にタグを反映させたい

Question

いつもお世話になっております。

ASPXのボタンコントロールのテキスト部分にHTMLのタグを反映させたいと思っています。

例えば、

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text='<div style="padding:10px;color:gray;">●</div>' />

このような感じにText部分にタグを埋め込み、反映させたいです。
普通ですと、タグのコードそのままが反映されてしまいます。

たくさん調べたのですがいまいち検索に引っかからないので可能ではないかもしれません。

やりたいことに近い記述や、不可能な場合は出来ないと言っていただけるだけでも助かります。

どなたかよろしくお願い致します。

Answer 1

ボタンコントロールではなく、LinkButtonを利用することでやりたいことは実装できました。

Answer 2

CSSの内容によって記述場所を分ける必要があります。

通常はCssClassにクラスを指定してCSSファイルに記述しますが、input button のサイズ系のCSSは直書きでないと効果が出ません。
例えば以下のようなものです。
width:100%;
height:12px;
margin-top:10px;
margin-bottom:10px;
上記はASPXファイルに直接<style></style>で記述する必要があります。

以下は外部CSSファイルの記述でOKです。
background:linear-gradient(to bottom,#BFD9E5, #3D95B7 50%,#316d9a 50%,#3e84b9);
color:$TITLECOLOR !important;
border-color:#0099CC;
text-shadow:0px 0px 3px rgba(0,0,0,0.5);

なぜかボタンは外部ファイルで効くものと効かないものがあります。
わたしのやり方が特殊で外部CSSファイルを動的に記述しているからかもしれませんが ...

Comments

[newtorino]

ご回答ありがとうございます。

質問文にかくべきだったのですが、最終的にやりたいことはFont-Awesomeという以下のようなタグを貼り付けるだけでアイコンになる。というものがありまして、ボタンをそのアイコンの外見にしたいんです。
紛らわしく、大変申し訳ないです。
ですので、Cssとはまた少し違うかもしれません。（同じだったらすいません）

ボタンのテキスト部分に使いたいタグ
<i class="fa fa-file" aria-hidden="true"></i>
▼引用
http://fortawesome.github.io/Font-Awesome/icon/file/

これをボタンの外見に反映することはできたりするでしょうか・・

[ASP.NET]

セキュリティの観点から、コントロールのプロパティにはHTMLタグの指定はできなかったかと思います（テキストのまま出力される）。お力になれず申し訳ございません。

Answer 3

最終的にやりたいこととして、asp:Buttonで生成されるボタンに対して特定のCSSスタイルを適用したいと理解しました。

aspコントロールのtext属性にスタイルを記述するのではなく、aspコントロールのcssclass属性にてCSSクラスを指定する方法ではいかがでしょうか？
※cssclass属性に指定するCSSクラスを別途cssにて定義しておく必要があります。

• https://msdn.microsoft.com/ja-jp/library/system.web.ui.webcontrols.webcontrol.cssclass(v=vs.110).aspx