2009-07-01 13 views
4

私はボタンが有効か無効かにかかわらず全く同じになるようにしようとしていますが、ボタンを無効にすると設定したフォントスタイルは無視されるようです。これはIEではそうだが、他のブラウザではそうではないようだ。CSSの無効なボタンはありますか?

フォントがエンボスされないように無効にされたボタンを変更するようにCSSを知っている人はいますか?事前に

おかげで、 クリス

[編集] CSSは次のとおりです。

 
.Button 
{ 
    background-color:#332F27; 
    border-bottom-color:#1B1B1B; 
    border-top-color:#3B3B3B; 
    border-left-color:#3B3B3B; 
    border-right-color:#0C0C0C; 
    color:Black; 
    font-style:normal; 
} 

ボタンは、属性クラス= "ボタン" [/編集]

+0

あなたはこのために、CSSを提供することはできますか? – rahul

答えて

9

を持っていますボタンの無効なプロパティを変更している場合は、すべてのブラウザで動作するCSSを使用して通常のボタンの感触や見た目を確認することはできません。

最も簡単な方法は、それにを添付なしクリックイベントで別のボタンを追加し、オリジナルのものをインライン化して非表示にするには、このボタンの表示を設定しにあります。

これでもCSSを使用したい場合は、このリンクを参照してください。

Styling disabled form controls with CSS

+1

あなたの答えに従っているかどうかわかりません。私のCSSはChromeでうまく動作しますが、IEでは正しく動作しません。なぜ私はボタンのルック&フィールを変更できないのか分かりません。 –

+0

私は今すぐリンクを見てきました - それは有望だと思ったが、テキストはまだエンボスされています。 使用しているCSSは次のとおりです。 。ボタン { \t背景色:#332F27; \t border-bottom-color:#1B1B1B; \tボーダートップカラー:#3B3B3B; \t border-left-color:#3B3B3B; \t border-right-color:#0C0C0C; \t \tカラー:ブラック; \t font-style:normal; } ボタンが無効で、クラス= "ボタン" –

+0

他のボタンを使用しないのはなぜですか? – rahul

0
//You use this css it helps u 
font-weight: bold; 
    border-right: #3C8FD1 1px solid; 
    border-top: #3C8FD1 1px solid; 
    border-left: #3C8FD1 1px solid; 
    border-bottom: #3C8FD1 1px solid; 
    font-size: 10px; 
    color: #045FA7; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-image: url(../App_Images/cssbuttonbg.gif); 
    line-height: 14px; 
関連する問題