0

ons-alert-dialogで「はい」「いいえ」を表示させ
「はい」は青色で、「いいえ」は赤色で表示させるにはどのようにしたらよいのでしょうか?
onsen-css-components.cssで色は変更できるのはわかったのですが
それぞれの色を指定する場合がわかりません

1 件の回答 1

1

.alert-dialog-buttoncolor: rgba(red,green,blue,alpha);がソレにあたりますが、
ボタン全てに対し反映されているので、変更してしまうと全てのボタンが変わってしまいます。
ですのでnth-childでボタン1番目、ボタン2番目みたいに選択して
それぞれに自分のスタイルを書くしかないんじゃないですかね?
こんな感じで……

.alert-dialog-button:nth-child(1){
  color: rgba(255,0,0,1);
}
.alert-dialog-button:nth-child(2){
  color: rgba(0,0,255,1);
}

ただ、1つ注意なのが、confirmでもalertでも同じクラスが使われます。
なので、alertの場合はnth-child(1)のクラスが当てられます。
だんだん考えていて複雑になってきたので、こんなもんで……あとは工夫ですかね?

1
  • ありがとうございました。無事解決しました Commented 2016年6月28日 7:19

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。