当我单击发送按钮并显示红色验证消息时,表单左侧的标签(例如“姓名添加您的姓名”)似乎移动了位置。
该表格可在此处找到:
http://www.bestclowintown.co.uk/book.php
这是标签的 CSS 规则,第二条规则是错误消息的规则。无论如何要修改这些 CSS 规则或其他元素的规则,以确保单击“发送”时,黑色标签显示在左侧,红色验证标签显示在表单的右侧。
#stylized label {
display: block;
font-weight: bold;
text-align: left;
width: 140px;
float: left;
}
label.error {
color: red;
padding-left: .5em;
vertical-align: top;
}