css - 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;
}

这是您要找的吗？