Ionic3イオンアイテムコンテナで選択したラジオボタンの背景色を変更する方法
alim1990
選択したラジオ入力の背景色を変更する必要があります。
私は次のイオン無線リストを持っています：
<ion-list radio-group [(ngModel)]="selectedRadio">
<ion-item *ngFor="let ing of pizzaIng; let i = index">
<ion-label>{{ing.name}}</ion-label>
<ion-radio [value]="ing.name"></ion-radio>
</ion-item>
</ion-list>
それが機能する唯一の方法は、次のitem-mdクラスをオーバーライドion-itemすることです。
ion-item.item-md{
background-color: red;
}
しかし、表示されるすべての無線オプションを変更します。選択したものの色だけを変更するにはどうすればよいですか？
これがそのために準備されたstackblitzです。
イラJワット
これを私のionic3プロジェクトで動作させ、デモで動作させます。また、最後に「md」が付いたクラスを使用することについての注意は、androidにのみ影響します。
.css
page-home {
.item-radio-checked{
background-color: #a0a;
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
選択/選択解除時にラジオボタンの背景色/形状を変更する方法
- 2
recyclerviewで選択したアイテムの背景色を変更する
- 3
recyclerviewで選択したアイテムの背景色を変更する
- 4
recyclerviewで選択したアイテムの背景色を変更する
- 5
選択したラジオボタンの背景色を設定する
- 6
動的ラジオボタンで選択したアイテムを取得する
- 7
CSSでイオンイオンアイテムの背景色を変更する
- 8
コンボボックスで各アイテムの前景色と背景色を変更します
- 9
Androidの下部ナビゲーションバーで選択したアイテムの背後の領域の背景色を変更します
- 10
AndroidSpinnerで選択したアイテムの背景色を変更します
- 11
リストビューで選択したアイテムの背景色を変更する方法
- 12
選択したアイテムにコンボボックスの背景色を設定するにはどうすればよいですか？
- 13
カスタムレンダラーを使用せずにXamarinForms CrossPlatformでリストビューで選択したアイテムの背景色を変更する方法
- 14
Python3でtkinterを使用してラジオボタンの背景色を変更する
- 15
ドロウダウンの背景色を変更すると、Bootstrapで選択したアイテムが完全に白になります
- 16
イオンボタンIonic2でホバー背景色の変更を無効にする
- 17
マテリアルデザインを使用して、選択したアイテムの下部のナビゲーションタブに異なる背景色
- 18
jquery mobile1.4.0で選択したリストビューアイテムの背景色を変更する
- 19
選択した値に基づいて、イオン選択の背景色を変更します
- 20
クリック時にイオンアイテムの背景色を変更する
- 21
複数のアイテムを選択するPrimeNGラジオボタン
- 22
変数で選択したコンボボックスアイテムを変更する方法
- 23
コンテナの背景色/フラッターの色を変更できるボタン
- 24
Android：プログラムでラジオボタンテキストの背景色を設定します
- 25
ラジオボタンを使用してJavaScriptで選択されたアイテムの合計を取得する方法
- 26
Javascript：誤答ラジオボタンの背景色を変更する
- 27
クイズで選択したオプションにのみ背景色を表示する方法
- 28
タップしたときにコンテナの背景色を変更する方法
- 29
選択ボックスオプションの背景色を変更する
コメントを追加