使用CSS在下拉菜单中更改照片

我正在使用另一家公司的捐赠小部件，我在我的网站上使用了该小部件。我想更改菜单上项目旁边下拉菜单中照片的大小。我想把它改成50x50像素

不幸的是，我只有小部件代码本身。我确实有一个很好的答案，这可能有助于澄清我所说的

$data.WebPhotoId {
    max-width: 50px; 
    max-height: 50px:
}

dropdown-menu databind= {
    max-width:50px;
    max-height:50px;

    body {
        font-size: 16px;
        font-family:Helvetica, Arial, sans-serif !important;
        color: #676767;
    }
}

---

我的问题是，我有没有办法修改CSS以更改菜单项图片？

如果设置了

，你就不能很好地使用CSS

在这种情况下，我建议为此使用JavaScript或jQuery

var image = document.getElementsByClassName('image-class')
for(var i = 0; i < image.length; i++) {
  image[i].src="path/to/new/image";
}

var image=document.getElementsByClassName（'image-class'））
对于（变量i=0；i

---

有了CSS，你可以设置

背景图像：url（'path/to/new/image'）

，但我认为在图像设置为

的情况下，它不起作用。如果设置为

，你就不能很好地使用CSS

在这种情况下，我建议为此使用JavaScript或jQuery

var image = document.getElementsByClassName('image-class')
for(var i = 0; i < image.length; i++) {
  image[i].src="path/to/new/image";
}

var image=document.getElementsByClassName（'image-class'））
对于（变量i=0；i

使用CSS，您可以设置

背景图像：url（'path/to/new/image'）

，但我认为在图像设置为