angle-ui-selectのブートストラップテーマでキャレットのサイズを変更できません

Question

角度-ui-selectの右側にあるキャレット（下向き矢印）の外観を変更しようとしています。 CSSプロパティをCSSに設定することで、キャレットの色を変更するなど、キャレットにいくつかの変更を加えることができました。しかし、サイズ（高さ、幅、フォントサイズ、背景サイズ）を変更することはできません。

私は角-UI-選択/ distのフォルダにselect.cssファイルで見てきた、それは問題のクラスに以下のCSSプロパティがあります。

.ui-select-bootstrap .ui-select-toggle > .caret { 
    position: absolute; 
    height: 10px; 
    top: 50%; 
    right: 10px; 
    margin-top: -2px; 
} 

ただし、これはしていません、まだ、私には何の変更もない。このcssファイル（またはmin.cssファイル）で 'height'プロパティを直接変更しても問題は解決されません。

Answer 1

変更国境のサイズ

.ui-select-bootstrap .ui-select-toggle > .caret { 
    border-top: 20px solid black; 
    border-right: 20px solid transparent; 
    border-left: 20px solid transparent; 
} 

これは役に立つかもしれません：トリックをした https://css-tricks.com/snippets/css/css-triangle/