为 material 图标添加背景

Add a background to a material icon

我有以下material图标代码。但是，我想添加白色背景以使其更具反差。对如何添加背景有什么想法吗？

<a id="lnk_quick_print" href="javascript:;" title="Quick Print" onclick="window.print();" class="material-icons icon noQuickPrint" style="font-size:14px;margin-left: 8px;">print</a>

你怎么看这个：

<a id="lnk_quick_print" href="javascript:;" title="Quick Print" onclick="window.print();" class="material-icons icon noQuickPrint" style="background: white; padding: 5px 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4); border-radius: 10px; font-size:14px;margin-left: 8px;">print</a>

使用这个

<a id="lnk_quick_print" href="javascript:;" title="Quick Print" onclick="window.print();" class="material-icons icon noQuickPrint" style="font-size:24px;margin-left: 8px;background:white;padding:5px 6px">print</a>

只需在样式中添加background-color:white

<a id="lnk_quick_print" href="javascript:;" title="Quick Print" onclick="window.print();" class="material-icons icon noQuickPrint" style="font-size:14px;background-color:white;margin-left: 8px;">print</a>