ionic2を使用して<ion-card>の色を変更する方法
Lavanya Parvathi
の色をライトグレーに変更しようとしています。次のようにhtmlコードを使用しました。
<ion-card *ngFor="let details of checkOutAddr" round inset class="ion-card">
<ion-item>
<ion-row>
<ion-col><ion-icon ios="ios-create" md="md-create" item-right class="color1"></ion-icon>
<b>{{details.name}}</b>
</ion-col>
</ion-row>
<ion-row>
{{details.stage}}
</ion-row>
<ion-row>
{{details.main}}
</ion-row>
<ion-row>
{{details.state}}
</ion-row>
<ion-row>
<ion-col>
<ion-icon ios="ios-call" md="md-call" item-left></ion-icon>
{{details.phone}}
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-icon ios="ios-mail" md="md-mail" item-left></ion-icon>
{{details.mail}}
</ion-col>
</ion-row>
</ion-item>
</ion-card
私は以下のようにscssコードを使用しました：
.ion-card {
background-color: slategray !important;
}
以下の画像のようなルックアンドフィールを取得するにはどうすればよいですか。
セバフェレラス
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ion-labelがIonic2で全文を表示していない
- 2
ionic2を使用してion-navbarの外側（つまり、ion-content内）のion-titleを定義できますか？
- 3
How to use text-wrap for ion-card in Ionic 2?
- 4
Ionic2で<ion-footer>を削除する方法
- 5
JSを介して<ion-input> </ ion-input>要素の入力値を変更する方法
- 6
Ionic2で<ion-segment>を使用するときに<ion-navbar>のシャドウ/ボーダーを表示する方法
- 7
同じhtml内の<ion-content>から<ion-footer>にデータを渡すIonic2
- 8
Ionic3-ion-selectとion-optionを使用して、選択した値をイベントに渡す方法は？
- 9
Renderer2を使用してionic2のボタンテキストを変更する方法
- 10
Ionic2のアラートでボタンの色を変更する方法
- 11
解析されたxmlフィードデータをion-listangular 2 ionic2に表示する方法
- 12
Ionic2を使用してIdentityServer4を構成する
- 13
ion-card function call (onclick)
- 14
Ion-list-headerまたはIon-item-dividerを使用したIon-list
- 15
JSeparatorの色を変更する方法は？
- 16
UIImageの色を変更する方法
- 17
QGraphicsRectItemの色を変更する方法
- 18
FMTSpeedButtonの色を変更する方法
- 19
divの色を変更する方法は？
- 20
JLabelの色を変更する方法
- 21
矢印の色を変更する方法
- 22
背景の色を変更する方法IconGeneratorAndroid
- 23
WPFgridviewcolumnの色を変更する方法
- 24
$this の色、配色を変更する方法 PhpStorm
- 25
プログラムでcard_view：cardCornerRadiusを変更する方法
- 26
ion-nav-viewのビュー間でアニメーションを無効化/変更する方法
- 27
LiveChartsを使用してDataLabelsの色を変更する方法
- 28
dividを使用して線の色を変更する方法
- 29
Ionic2でiFrameを使用してURLをロードする方法
コメントを追加