web-dev-qa-db-ja.com

リンクをボタンとしてレンダリングする方法

Drupal 7を使用しています。リンク（アンカータグ）を送信ボタンと同じようにレンダリングしたいと思います。Drupal 7はこれを可能にします（ボタンタイプを使用して）、またはこれを達成するためにCSSを使用する必要がありますか？

7formsnavigation
3
user5013

CSSを使用してこれをスタイルする必要があります。

.buttonize {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  padding: .5em;
  /* whatever other styles you want */
}

jsfiddle を追加しました。

これを調べることもできますが、appearanceはOSによって異なります。

2
Chris Rockwell

ブートストラップを使用している場合は、 'btn'クラスをアンカータグに追加します。とても簡単！

0
Sujith Nara

Drupalデフォルトのテーマを使用している場合は、次のクラスを試すことができます。

追加ボタン

ボタンボタンアクションボタン-主ボタン-小

保存ボタン

ボタンボタン-プライマリjs-form-submit form-submit

フォーム送信ボタン

ボタンjs-form-submit form-submit

他の管理ページの要素インスペクターを使用して、どのボタンクラスが機能するかを確認できますが、これらはD8のBartikとSevenの最も一般的なケースをカバーしています。 Bootstrapについては、btnクラスに関するSujithの回答を参考にしてください。関連リンクは次のとおりです。

https://getbootstrap.com/docs/3.3/css/#buttons

https://getbootstrap.com/docs/4.1/components/buttons/

0
Mike Nolan