2012-05-09 7 views
0

自分のCSSを更新しているクライアントのプライベートプロジェクトで作業しています。これはASPで構築されています。私はずっと、このように拡張可能である送信ボタンを構築しようとしています:ASPで拡張可能な画像ボタンを作成するには

<asp:Button runat="server" ID="SearchButton" CssClass="SearchButton" Text="" CausesValidation="false" OnClick="SearchButton_Click"/>

私はである何をするために何のAタグはありません:http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

問題は、リンクは次のようになりますですリンクについてのチュートリアル。彼らは主にIE 7と8で動作するので、CSS3の代わりにこれに対応するためにイメージを使用する必要があります。

洞察?

どうもありがとうございました:)

J

+0

を使用する場合は、まったく同じスタイルを使用することができると思います。 ** css-class **を代わりに使用してください! –

+0

ボタンの左画像と右端キャップの両方を処理するクラスを追加するにはどうすればよいですか? – user1208105

答えて

1

あなたがここにオプションのカップルを持っています。

まず、サイトがAsp.netにあっても、標準のクライアントサイドコードを使用できます。それはあなたのhtmlがチュートリアルに非常に近いと思われることを意味するでしょう。しかし、ボタンがサーバーサイドのコードを呼び出しているので、それをjavascriptイベントとして処理する必要があります。 This answerでその方法を説明しています。

第2に、<asp:button>コントロールの既存の属性で行うことができます。作成しているCSSクラスの一部としてそのチュートリアルからすべてのスタイリングを行うことができます。多くの場合、<asp:...>コントロールでは、style="..."属性を追加することもできます。つまり、style="..."属性が<asp:button>コントロールで機能している場合、私は手を知らない。

+0

ライブテキストの後ろにフルイメージを追加することはできましたが、単語検索はそれを使用する顧客の言語オプションに基づいて変更されます。これは拡張可能である必要がある場所です。 – user1208105

+0

すごいよ!ありがとう! – user1208105

0

私はあなたが** **タグを必要としないlinkbutton

<asp:LinkButton CssClass="button" ID="LinkButton1" runat="server" 
    onclick="LinkButton1_Click"><span>Bring world peace</span></asp:LinkButton> 
+0

残念ながら、aspコードの中のText = ""タグは、その項目のテキストを引っ張ります。私は例のためにそれを削除しました.. – user1208105

関連する問題