如何解决如何使用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 举报,一经查实,本站将立刻删除。