javascript - 调整动态创建的图像大小的CSS代码

Question

我想通过我的 CSS 代码调整图像的宽度和高度。上传图片按钮在我的应用程序中是动态的。我无法通过我的代码为 img/div 标签提供 id/class 名称。

下面是现有代码，我需要通过 CSS 代码动态设置图像的宽度和高度，我无法编写内联 css，因为这些标签是动态创建的:

<div class="note-editable panel-body" contenteditable="true" style="height: 300px;">
    <p><img src="data:image/jpeg;base64,... " data-filename="xyz.png" style="width:550px;">
</div>

我尝试了下面的 CSS 代码，但我无法调整图像的大小。

.note-editable .panel-body > img {
    width:200px;
    height:200px;
}

任何建议都会有所帮助。

Answer 1

考虑到您的图片也在段落中。

.note-editable > p > img {
       width:200px !important;
       height:200px;
 }

!对您的宽度很重要，因为它已经是内联样式，您需要否决它。那会为你做的。