验证错误向右移动按钮-CSS

。密码重置{
填充：40px 50px 0；
浮动：左；
}
.表单字段{
浮动：左；
字号：18px；
颜色：#fff；
右边距：15px；
}
.窗体字段--宽{
宽度：100%；
浮动：左；
边缘底部：20px；
}
.表单字段标签{
利润底部：3倍；
宽度：100%；
显示：块；
颜色：黑色；
}
.表单字段输入{
填充：10px；
颜色：#000；
宽度：245px；
浮动：左；
}
.form字段输入错误{
颜色：#ed1b2e；
}
.表单字段--一半{
宽度：48%；
保证金：0；
}
.form字段--半输入{
宽度：100%；
}
.表单字段--回购{
浮动：对；
}
.表格错误{
颜色：#ed1b2e；
字体大小：14px；
浮动：左；
保证金：5px3px0；
显示：内联块；
}
.form-error.alert{
明确：两者皆有；
}
.表格错误{
列表样式：无；
填充：0；
保证金：0；
}
.表格错误李{
/*显示：内联块*/
右边距：3倍；
}
.form字段--宽.form错误{
字号：18px；
颜色：#ed1b2e；
填充：0 10px；
字号：18px；
宽度：180px；
浮动：左；
线高：正常；
边际上限：0；
}

用户名
电子邮件
必须设置“电子邮件”

必须设置“用户名”

如上所述，可以通过多种方式实现

您可以在消息div之前移动输入按钮

<div class="verification-messages message--red">
      <input class="btn btn--top-offset js-validate-image submit-form" value="Remind Me" type="submit">
      <div id="passwordReminderForm.errors" class="form-error">"E-mail" must be set
      <br>"Username" must be set</div>
</div>

必须设置“电子邮件”

必须设置“用户名”

或者，如果不想更改标记，您甚至可以使用css float进行操作。

在按钮前插入

。密码重置{
填充：40px 50px 0；
浮动：左；
}
.表单字段{
浮动：左；
字号：18px；
颜色：#fff；
右边距：15px；
}
.窗体字段--宽{
宽度：100%；
浮动：左；
边缘底部：20px；
}
.表单字段标签{
利润底部：3倍；
宽度：100%；
显示：块；
颜色：黑色；
}
.表单字段输入{
填充：10px；
颜色：#000；
宽度：245px；
浮动：左；
}
.form字段输入错误{
颜色：#ed1b2e；
}
.表单字段--一半{
宽度：48%；
保证金：0；
}
.form字段--半输入{
宽度：100%；
}
.表单字段--回购{
浮动：对；
}
.表格错误{
颜色：#ed1b2e；
字体大小：14px；
浮动：左；
保证金：5px3px0；
显示：内联块；
}
.form-error.alert{
明确：两者皆有；
}
.表格错误{
列表样式：无；
填充：0；
保证金：0；
}
.表格错误李{
/*显示：内联块*/
右边距：3倍；
}
.form字段--宽.form错误{
字号：18px；
颜色：#ed1b2e；
填充：0 10px；
字号：18px；
宽度：180px；
浮动：左；
线高：正常；
边际上限：0；
}

用户名
电子邮件
必须设置“电子邮件”

必须设置“用户名”

您需要首先清除继承的左侧，然后使用css将float left应用于按钮

。表单提交按钮{
清除：左；
浮动：左；
}

---

解决方案取决于您的需要。有10亿种方法可以做到这一点，例如，使用模式弹出窗口，或者考虑另一种布局，等等……我不想要任何弹出窗口，我只希望按钮保持在左侧，它应该总是在左侧的什么位置？验证错误消息上方，它们下方？在他们的左边？你能展示你想要实现的布局的简单图片吗？在你的解决方案中，当我没有验证错误时，按钮将不会显示。