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