

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


CC BY-SA 3.0
2016-06-28T02:02:10.457
27121
2016-12-12T07:57:08.183
16979
question
css
ons-alert-dialogのボタン色を変えたい


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

[code]

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

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


CC BY-SA 3.0
2016-06-28T02:24:37.403
27123
2016-06-28T02:24:37.403
27121
answer