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">

我看不到错误,感谢任何建议。

看看两张图片:

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 回答