1

AJAXコールバックメッセージボックスのスタイル設定に問題があります。ご覧のとおり、スタイルはInternet Explorerではうまく機能しますが、Chromeでは機能しません。いわば木の木が見えない。これが私のHTMLです：

<div id="CallbackMessage">
    <p>
        <label id="uiLblCallbackErrMsg" class="CallbackMsg" runat="server">&nbsp</label>
    </p>
</div>

これが私のCSSです：

.CallbackErrorMessage
{
    margin: 0 25 4 20;
    height: 10px;
    font-family:Arial;
    font-size:12px;
    background-color: #FDC68A;
    border: 1px solid #F7977A;
    color: Red;    
}

jQueryを使用して、ボタンを押すときにクラスCallbackErrorMessageを追加します。<div id="CallbackMessage">

エラーが表示されません。アドバイスをいただければ幸いです。

2つの画像を見てください。

4

2 に答える 2

6

CSS のエラー

.CallbackErrorMessage
{
    margin: 0 25 4 20;
    height: 10px;
    font-family:Arial;
    font-size:12px;
    background-color: #FDC68A;
    border: 1px solid #F7977A;
    color: Red;    
}

CSS のピクセル値を残しました。

margin: 0 25 4 20;

上記を次のように置き換えます。

margin: 0 25px 4px 20px;

フロートをクリアする必要があります。

スタイルoverflow: hidden;にさりげなく。.CallbackErrorMessage

IDクラスではなくを参照しているため、次のようにする必要があります。

#CallbackErrorMessage

問題&nbsp;

さらに、&nbspを に置き換える必要があり&nbsp;ます。セミコロンがありません。

最終的な CSS

#CallbackErrorMessage
{
    margin: 0 25px 4px 20px;
    height: 10px;
    font-family:Arial;
    font-size:12px;
    background-color: #FDC68A;
    border: 1px solid #F7977A;
    color: Red;
    overflow: hidden;
}

から削除heightします#CallbackErrorMessage

height: 10px;

削除するか、に変更してheight: auto;ください。

于 2013-01-08T09:52:58.957 に答える
0

クラス名の呼び出しは完全に間違っています。あなたはid="CallbackMessage"あなたのhtmlと文体で使用しています.CallbackErrorMessage

このようにcssを変更し、

    #CallbackMessage
{
    margin: 4px 25px 4px 20px;
    height: auto; padding:10px;
    font-family:Arial;
    font-size:12px;
    background-color: #FDC68A;
    border: 1px solid #F7977A;
    color: Red; 
}

デモ

于 2013-01-08T09:55:46.053 に答える