html - 单独的 img 内的 css 样式

Question

我有html代码:

<div  class="btn-header transparent pull-right">
    <span>
        <a (click)="userInfo()" class="dropdown-toggle no-margin userdropdown">
            {{ userAccount()?.given_name }}
            <img  src="assets/img/avatars/male.png" />
        </a>
    </span>
</div>

所以这基本上是在他的名字旁边显示用户名和图片。目前图片太大，当我尝试通过在 img 标签中添加 style="height: 33px" 来调整它的大小时，用户名也会调整大小，但我只想调整图片的大小。

CSS 类是从我们使用的组件中构建的，因此我无法显示它们。

Answer 1

这应该可以正常工作。把它放在你的 CSS 声明中。

a img {
/*
CSS styles here
*/
}