如何使用vue-formulate定位提交按钮的CSS样式

问题描述

我在标签和输入字段周围的包装上具有边框悬停效果。如何删除/覆盖提交类型的包装边框和悬停效果？我正在使用顺风车，但在针对正确的班级时大多遇到问题。

这是我的CSS

<style>
.formulate-input {
  @apply my-8;
}
.formulate-input-wrapper {
  @apply border-2 border-regal-blue-400;
}
.formulate-input-wrapper:hover {
  @apply border-red-900;
}
.formulate-input-label {
  @apply px-4 pt-3 pb-2 text-lg block w-full  bg-regal-blue-400;
}
.formulate-input-element input,.formulate-input-element textarea,.formulate-input-element select {
  @apply pb-4 px-4 w-full bg-regal-blue-400 text-xl;
}
.formulate-input-element button {
  @apply border-none;
}
.formulate-input-element--submit {
  width: fit-content;
  @apply py-1 px-4 bg-regal-blue-600 border-2 border-red-600 rounded-full tracking-wider;
}
.formulate-input-element input:focus,.formulate-input-element select:focus {
  outline: none;
}
.formulate-input-errors {
  color: hsl(0,100%,40%);
}
</style>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）