Sweetalert: 【機能リクエスト】クラスボタンのカスタマイズ

作成日 2015年07月29日  ·  7コメント  ·  ソース: t4t5/sweetalert

ボタンを確認/キャンセルするクラスを追加できる可能性はありますか? インラインスタイルも無効にします。
このようなもの:

  confirmButtonText: 'OK',
  confirmButtonColor: '#8CD4F5',
  confirmButtonClass: ' ',
  cancelButtonText: 'Cancel',
  cancelButtonColor: '#D0D0D0',
  cancelButtonClass: ' ',
  unstyleButtons: false,

ありがとう!

最も参考になるコメント

+1
ところで、 confirmButtonColor: ''使用すると、インラインのものが削除されます;)

全てのコメント7件

+1、特にインラインスタイリングを削除するため(クラスを使用する必要があります)

+1

Pleeeeeeasseはインラインスタイルを削除します!! それは大きな問題だと思います。 誰もがそれを真剣に使用しているsweetalertのスタイルを変更する必要があります。

私はsassとbootstrapを使用しているので、次のようなものだけが必要になります。

.sweet-alert button.confirm {
@extend .btn-primary;
}
.sweet-alert button.cancel {
@ extend.btn-デフォルト;
}

ブートストラップからcssコードのページをコピーし、!importantをどこにでも設定する代わりに(これは回避しやすいアンチパターンです)、同じことを行います。

+1

+1
残念ながら、これは無視されます。これは取引のブレーカーです。これを使用することはできません。インラインスタイルは言うまでもなく、2か所でスタイルを編集することは悪い考えです。

+1
ところで、 confirmButtonColor: ''使用すると、インラインのものが削除されます;)

インラインスタイルはSweetAlert2.0で削除されました。 新しいボタンオプションを使用して、独自のクラスを追加することもできアップグレードガイドをご覧ください。

このページは役に立ちましたか?
0 / 5 - 0 評価