form_for提交按钮，样式按钮是文本而不是按钮

Question

我想要文本而不是rails中提供的按钮。

我已经在提交按钮中添加了一个课程，但这就是我被困的地方。通常在CSS中，如果我想要一些文本，我就不要设计它。但在这种情况下，按钮会自动设置为看起来像一个按钮。

如何覆盖它并使其看起来像文本？

Answer 1

这是你的按钮，有一类no_style（或任何你想要的）：

<button class="no_style">test</button>

然后在样式表中调用带有no_style类的按钮：

button.no_style {
  background: none;
  border: none;
}

您可能需要检查按钮以查看其上是否还有其他样式。您可以通过右键单击按钮并选择“检查元素”来检查它。如果您的按钮有任何其他样式，我可以帮助您删除它们。如果有任何其他信息出现，请告诉我，我可以告诉您如何删除它。

如果你想更改文字，你仍然可以在没有按钮的情况下设置文本样式，如下所示：

button.no_style {
  background: none;
  border: none;
  color: red;
  font-size: 24px;
  text-transform: uppercase;
}

这是你在找什么？