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