2017-07-31 5 views
1

:たとえばスタイルの選択リスト角度の設定方法は?角度の材質から選択リストのスタイルを設定する方法

<md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"> 
    <md-option *ngFor="let food of foods" [value]="food.value"> 
     {{food.viewValue}} 
    </md-option> 
    </md-select> 

を、私は国境を作り、右上の矢印を追加する必要があります。

マテリアルでこれを行う方法は、CSSファイルを変更するか、特別な方法がありますか?

+0

各オプションや選択パネルの周りに枠線を配置する必要がありますか?右隅の矢印は何か、または単にアイコンですか? – Nehal

+0

'mat-select-placeholder'のCSSを' {display:none!important;} 'に設定しようとしました。 – Daniel

答えて

1

デザイン変更が必要なCSSファイルを修正(または独自のCSSファイルを含む)することができます。

selectボックスは、スタイルを設定するのが難しい場合があり、必要な場合はmd-menuがより柔軟になります。

+0

style.cssのCSSスタイルを以下のように変更しようとしました:' .mat-タブラベル{ border-radius:3px; 背景色:#eeeeee; } '。しかし、アンギュラ・マテリアル・スタイルは再現されません。 – Daniel

+0

'background-color:#eeeeee!important;'を使って強制的にオーバーライドすることができます。私はあなたのクラスの命名が質問の情報から正しいとは確信できません。 – Milk

関連する問題