如何更改以base64编码的透明图像的颜色

时间:2019-06-16 09:04:24

标签: html css

我目前正在尝试更改网站的CSS,但无法更改CSS以使图像变白。

网站和我的进度的屏幕截图:http://prntscr.com/o2gvbc 如您所见,突出显示的图像非常暗,我想将其设置为白色,因此该图像没有当前的CSS属性。

这是受影响区域的html代码:

<g id="09bc68d0-1199-4e87-ae2b-ac534a2b9a9e|3972|1560668755468" class="node">
<polygon fill="#dc143c" stroke="transparent" points="360.698,-64 360.698,-102 364.698,-102 364.698,-64 360.698,-64"></polygon>
<image xlink:href="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSI2NHB4IiB3aWR0aD0iNjRweCIgdmlld0JveD0iMCAwIDE4MC4wMDAwMDAgMTUyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwxNTIuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgpmaWxsPSIjMDAwIiAgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTcyIDE1MDAgYy0xOCAtMTEgLTQxIC0zNCAtNTIgLTUyIC0xOSAtMzIgLTIwIC01MiAtMjAgLTY4OCAwIC02MzYKMSAtNjU2IDIwIC02ODggMTEgLTE4IDM0IC00MSA1MiAtNTIgMzIgLTE5IDUyIC0yMCA4MjggLTIwIDc3NiAwIDc5NiAxIDgyOAoyMCAxOCAxMSA0MSAzNCA1MiA1MiAxOSAzMiAyMCA1MiAyMCA2ODggMCA2MzYgLTEgNjU2IC0yMCA2ODggLTExIDE4IC0zNCA0MQotNTIgNTIgLTMyIDE5IC01MiAyMCAtODI4IDIwIC03NzYgMCAtNzk2IC0xIC04MjggLTIweiBtMTU5OCAtMTM2IGM2IC0xNCAxMAotNzUgMTAgLTEzNSBsMCAtMTA5IC03NzUgMCAtNzc1IDAgMCAxMjggYzAgNzEgMyAxMzIgNyAxMzUgMyA0IDM0OCA3IDc2NSA3Cmw3NTggMCAxMCAtMjZ6IG0xMCAtNzg5IGMwIC00MDIgLTEgLTQxNiAtMjAgLTQzNSAtMjAgLTIwIC0zMyAtMjAgLTc0OSAtMjAKLTQ1MCAwIC03NDAgNCAtNzU1IDEwIGwtMjYgMTAgMCA0MjUgMCA0MjUgNzc1IDAgNzc1IDAgMCAtNDE1eiIvPgo8cGF0aCBkPSJNMTg3IDEzMzUgYy03NSAtNzUgLTcgLTE5OCA5OCAtMTc3IDc4IDE0IDEwNiAxMTkgNDggMTc3IC0zNiAzNgotMTEwIDM2IC0xNDYgMHoiLz4KPHBhdGggZD0iTTQyNyAxMzM1IGMtNzUgLTc1IC03IC0xOTggOTggLTE3NyA3OCAxNCAxMDYgMTE5IDQ4IDE3NyAtMzYgMzYKLTExMCAzNiAtMTQ2IDB6Ii8+CjxwYXRoIGQ9Ik02NjcgMTMzNSBjLTc1IC03NSAtNyAtMTk4IDk4IC0xNzcgNzggMTQgMTA2IDExOSA0OCAxNzcgLTM2IDM2Ci0xMTAgMzYgLTE0NiAweiIvPgo8cGF0aCBkPSJNNzg1IDk0MSBjLTQ4IC0yMSAtMTA1IC04MyAtMTA2IC0xMTQgLTIgLTM3IDIgLTYxIDEzIC03NCAxNSAtMTggNzUKLTE2IDkwIDMgNTEgNjQgNjcgNzQgMTExIDc0IDY1IDAgOTcgLTI4IDk3IC04NiAwIC00MSAtNSAtNTEgLTU0IC0xMDIgLTY0Ci02OCAtOTMgLTEyMSAtMTAxIC0xODggLTkgLTYzIDE0IC05NyA2NSAtOTcgNDAgMCA1NSAxOCA2NCA4MCA1IDM4IDE1IDU2IDYxCjEwNCA3MSA3NCA5NiAxMjkgOTYgMjEzIDEgOTMgLTQwIDE1NiAtMTIzIDE5MCAtNTIgMjIgLTE2MiAyMCAtMjEzIC0zeiIvPgo8cGF0aCBkPSJNODQwIDMwMCBjLTIzIC0yMyAtMjcgLTg2IC03IC0xMTMgMzUgLTQ4IDEyNiAtMzQgMTQ1IDIyIDEzIDM3IC0xCjg2IC0yOCAxMDEgLTMyIDE3IC04OCAxMiAtMTEwIC0xMHoiLz4KPC9nPgo8L3N2Zz4K" width="24px" height="32px" preserveAspectRatio="xMinYMin meet" x="366.698" y="-99"></image>
<text text-anchor="start" x="396.698" y="-89" font-family="Helvetica,sans-Serif" font-size="10.00" fill="#000000">tempsetup.exe</text>
<image xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ig0KCSB2aWV3Qm94PSI0IDQgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNCA0IDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxtZXRhZGF0YT4NCgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPg0KCQk8c2xpY2VzPjwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgeT0iNDEyLjkiIHg9IjI4OSIgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSI+PC9zbGljZVNvdXJjZUJvdW5kcz4NCgk8L3Nmdz4NCjwvbWV0YWRhdGE+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iNSw3IDQsNiA2LDQgNyw1IDcsNyA1LDcgIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iOSw3IDksNSAxMCw0IDExLDUgMTEsNyA5LDcgIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iMTMsNyAxMyw1IDE0LDQgMTUsNSAxNSw3IDEzLDcgIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iMTcsNyAxNyw1IDE4LDQgMjAsNiAxOSw3IDE3LDcgIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iNyw5IDcsNyA5LDcgOSw5IDcsOSAiLz4NCjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgcG9pbnRzPSIxMSw5IDExLDcgMTMsNyAxMyw5IDExLDkgIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIHBvaW50cz0iMTUsOSAxNSw3IDE3LDcgMTcsOSAxNSw5ICIvPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBwb2ludHM9IjUsMTEgNCwxMCA1LDkgNyw5IDcsMTEgNSwxMSAiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgZD0iTTksMTFWOWgybDAsMS41Yy0wLjIsMC4xLTAuMywwLjMtMC41LDAuNUg5TDksMTF6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIGQ9Ik0xMyw5LjNMMTMsOWgxLjlDMTQuMyw5LDEzLjYsOS4xLDEzLDkuM0wxMyw5LjN6Ii8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIGQ9Ik0xNyw5LjNWOWgybDEsMWwtMC44LDAuOEMxOC42LDEwLjEsMTcuOSw5LjYsMTcsOS4zTDE3LDkuM3oiLz4NCjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgcG9pbnRzPSI4LDE0IDcsMTMgNywxMSA5LDExIDksMTMgOCwxNCAiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgZD0iTTQsMTMuNXYtOUM0LDQuMiw0LjIsNCw0LjUsNGgxNUMxOS44LDQsMjAsNC4yLDIwLDQuNXY3LjINCgljLTAuMy0wLjQtMC42LTAuOC0xLTEuMlY1SDV2OGg0LjNjLTAuMSwwLjMtMC4yLDAuNy0wLjMsMUg0LjVDNC4yLDE0LDQsMTMuOCw0LDEzLjVMNCwxMy41eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBkPSJNNCwxOS41di03LjFjMC0wLjMsMC4yLTAuNSwwLjUtMC41YzAuMywwLDAuNSwwLjIsMC41LDAuNXY3LjENCglDNSwxOS44LDQuOCwyMCw0LjUsMjBDNC4yLDIwLDQsMTkuOCw0LDE5LjVMNCwxOS41eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBkPSJNMTAsMTVjMC0yLjgsMi4yLTUsNS01czUsMi4yLDUsNXMtMi4yLDUtNSw1UzEwLDE3LjgsMTAsMTVMMTAsMTV6DQoJIE0xNiwxOXYtM2gzdi0yaC0zdi0zaC0ydjNoLTN2MmgzdjNIMTZMMTYsMTl6Ii8+DQo8L3N2Zz4NCg==" width="12px" height="12px" preserveAspectRatio="xMinYMin meet" x="396.698" y="-80"></image>
<image xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ig0KCSB2aWV3Qm94PSI0IDQgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNCA0IDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxtZXRhZGF0YT4NCgk8c2Z3ICB4bWxucz0iJm5zX3NmdzsiPg0KCQk8c2xpY2VzPjwvc2xpY2VzPg0KCQk8c2xpY2VTb3VyY2VCb3VuZHMgIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgeT0iNDEyLjkiIHg9IjI4OSIgYm90dG9tTGVmdE9yaWdpbj0idHJ1ZSI+PC9zbGljZVNvdXJjZUJvdW5kcz4NCgk8L3Nmdz4NCjwvbWV0YWRhdGE+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwMCIgIGQ9Ik00LDE0VjRoMTV2OGgtMVY2SDV2N2g4YzAsMC4yLDAuMSwwLjUsMC4zLDAuN2wwLjMsMC4zSDRMNCwxNHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgZD0iTTYsMTEuNXYtNEM2LDcuMiw2LjIsNyw2LjUsN2gyQzguOCw3LDksNy4yLDksNy41DQoJQzksNy44LDguOCw4LDguNSw4SDd2MWgwLjVDNy44LDksOCw5LjIsOCw5LjVDOCw5LjgsNy44LDEwLDcuNSwxMEg3djFoMS41QzguOCwxMSw5LDExLjIsOSwxMS41QzksMTEuOCw4LjgsMTIsOC41LDEyaC0yDQoJQzYuMiwxMiw2LDExLjgsNiwxMS41TDYsMTEuNXoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDAwIiAgZD0iTTE0LDExLjV2LTRDMTQsNy4yLDE0LjIsNywxNC41LDdoMkMxNi44LDcsMTcsNy4yLDE3LDcuNQ0KCUMxNyw3LjgsMTYuOCw4LDE2LjUsOEgxNXYxaDAuNUMxNS44LDksMTYsOS4yLDE2LDkuNWMwLDAuMy0wLjIsMC41LTAuNSwwLjVIMTV2MWgxLjVjMC4zLDAsMC41LDAuMiwwLjUsMC41YzAsMC4zLTAuMiwwLjUtMC41LDAuNQ0KCWgtMkMxNC4yLDEyLDE0LDExLjgsMTQsMTEuNUwxNCwxMS41eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBkPSJNMTAsMTEuNXYtMWMwLTAuMSwwLjEtMC4zLDAuMS0wLjRsMC42LTAuNmwtMC42LTAuNg0KCUMxMCw4LjgsMTAsOC42LDEwLDguNXYtMUMxMCw3LjIsMTAuMiw3LDEwLjUsN0MxMC44LDcsMTEsNy4yLDExLDcuNXYwLjhsMC41LDAuNUwxMiw4LjNWNy41QzEyLDcuMiwxMi4yLDcsMTIuNSw3DQoJQzEyLjgsNywxMyw3LjIsMTMsNy41djFjMCwwLjEtMC4xLDAuMy0wLjEsMC40bC0wLjYsMC42bDAuNiwwLjZjMC4xLDAuMSwwLjEsMC4yLDAuMSwwLjR2MWMwLDAuMy0wLjIsMC41LTAuNSwwLjUNCgljLTAuMywwLTAuNS0wLjItMC41LTAuNXYtMC44bC0wLjUtMC41TDExLDEwLjd2MC44YzAsMC4zLTAuMiwwLjUtMC41LDAuNUMxMC4yLDEyLDEwLDExLjgsMTAsMTEuNUwxMCwxMS41eiIvPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBwb2ludHM9IjEzLDE3IDE2LDE0IDE5LDE3IDE2LDIwIDEzLDE3ICIvPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAiICBwb2ludHM9IjIwLDE5IDE0LDEzIDIwLDEzIDIwLDE5ICIvPg0KPC9zdmc+DQo=" width="12px" height="12px" preserveAspectRatio="xMinYMin meet" x="411.698" y="-80"></image>
</g>

两个小时以来,我一直在努力寻找方法,而我正处于放弃的边缘。

0 个答案:

没有答案
相关问题