Javascript 不使用背景的CSS圆形

我正在尝试只使用css创建一个圆。我使用以下方法完成了此操作：

  border-radius: 50%;
  background: #f5f5f5;
  transition: all 0s ease-in-out;
  box-shadow: 0 0 3px gray;

我创造了一把小提琴：

---

我基本上是想

onClick

添加图像，但是我的

背景图像

没有显示在圆圈内，我想这是因为我在元素上使用了

背景

颜色。

将

背景图像

更改为

背景

.myNewClass {
  background: url(http://static4.wikia.nocookie.net/__cb20131121214007/destinypedia/images/7/71/Information_Icon.svg) no-repeat;
  background-size:100%;
}

---

“图像从白色变为黑色。”图像在哪里？如果它只是从黑色变为白色，为什么不使用背景色？哇，我真的不明白你想要什么，对不起：（@devjuniorhe50421:您试图显示为背景的图像对于45px框来说太大了。请将此添加到css--

背景大小：45px；

。选中此--此？