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

2024-05-18 • 问答

我正在使用我在网站上使用过的另一家公司的捐赠小工具。我想在菜单项旁边的下拉菜单中更改照片的大小。我想将其更改为50x50像素。

不幸的是，我所拥有的只是小部件代码本身。我确实有一个image example，可以帮助弄清我在说什么。

$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来更改菜单项的图片吗？

好吧，如果使用<img src="path/to/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";
}

使用CSS可以设置background-image: url('path/to/new/image')，但如果使用<img src="path/to/image">设置图像，我认为它不起作用

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

bb09009 回答：使用CSS更改下拉菜单中的照片

大家都在问