Tengo la siguiente selección y quiero cambiar su tamaño, tanto el tamaño de la selección en general como, lo que es más importante, su texto. El texto que contiene son banderas, por lo que se muestran como un emoji, pero como está dentro de un tipo de texto, debería poder cambiarse con el tamaño de fuente, pero el tamaño sigue siendo el mismo.

 <Select class="language" autoAdjustWidth="false" id="language" change="onChange"> <core:ListItem class="icon" key="uk" text="&#127468;&#127463;"/> <core:ListItem class="icon" key="es" text="&#x1F1EA;&#x1F1F8;"/> </Select>

Esto es todo lo que he intentado en el css, pero no sé qué camino tomar.

 .language { margin-right: 20px !important; font-size: 200rem !important; border-style: hidden !important; /* width: 0.1em !important;*/ /* width: 65px !important; height: 65px;*/ } .language .sapMBtnText{ font-size: 20rem !important; } .icon .sapMBtnText{ font-size: 50rem !important; width: 60px !important; } .icon{ font-size: 150px !important; }