在 SAPUI5 中更改图标图像大小和边框答案

【问题标题】：Change icon image size and border in SAPUI5在 SAPUI5 中更改图标图像大小和边框
【发布时间】：2021-08-10 08:30:31
【问题描述】：

有没有办法改变这个图标的大小和边框（icon="images/{Land}.png"）？？我尝试使用此类“mIcon”，但它会更改所有列表，而不仅仅是带有图像的图标。我不知道是否可以只改变图标的大小。

xmlns:html="http://www.w3.org/1999/xhtml"  class="hosp-popup" >

        <List id="idListCounPop"
            width="100%"
            mode="SingleSelectLeft"
            selectionChange="onListChange"
            items="{ path: '/countrySet' }">
            <StandardListItem title="{Landx}" icon="images/{Land}.png" class="mIcon">
                <customData>
                    <core:CustomData key="Land" value="{Landx}" /> 
                    <core:CustomData key="Icon" value="sap-icon://globe"/>
                </customData>
            </StandardListItem>
        </List>

这是css的一部分，因为太长了：

.hosp-popup {
    height:20em;
    min-height: 15em;
    max-height: 40em;
}

.hosp-popup .mIcon{
    min-height: 4em;
    max-height: 4em;
}

谢谢！！！

【问题讨论】：

标签： css list image icons sapui5

【解决方案1】：

对于尺寸，试试这个：

px : 为您的图标提供固定像素

em ：相对于您当前字体的尺寸。假设你当前的字体是 12px 那么 1.5em 就是 18px (12px + 6px)。

pt ：代表点。多用于印刷媒体

% : 百分比。指图标的大小以原来的大小为准。

尝试使用宽度和高度，直到获得所需的图标大小。也许这些类型的设置大小中的某些类型比其他设置大小更能帮助您。

对于边框，只需尝试将此行添加到您现有的代码中：

    .hostp-popup .mIcon {
     text-shadow: 0 0 3px #000;
     }

【讨论】：