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

Question

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

我已经向提交按钮添加了一个类，但这就是我卡住的地方。通常在 CSS 中，如果我想要一些文本，我只是不设置它的样式。但在这种情况下，按钮会自动设置样式以看起来像一个按钮。

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

score 2 · Accepted Answer

这是带有 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;
}

这是你要找的吗？

1 回答 1