css - Spry 验证文本字段在谷歌浏览器中显示不佳

Question

我在项目中使用 spry 验证文本字段，错误消息在 google chrome 中显示效果不佳，但在 mozilla firefox 中显示良好。我希望错误消息在 google chrome 中显示为它在 Firefox 中显示的方式。

这是错误消息在 Firefox 中显示的方式。

谷歌浏览器，

错误消息的 CSS 样式

 display: inline;
        color: #CC3333;
            border: 1px solid #CC3333;
            border-radius: 10px;
            margin-left: 10px;
            padding-left:8px;

            padding-right: 8px;
            font-family:"Helvetica Neue";

谢谢你的帮助。

Answer 1

display: block;在它的地方 使用display: inline; 会很好。

display: block;
        color: #CC3333;
            border: 1px solid #CC3333;
            border-radius: 10px;
            margin-left: 10px;
            padding-left:8px;

            padding-right: 8px;
            font-family:"Helvetica Neue";