CSS3:在按钮中注入字形图标

Question

在我的angular5应用中，我有一个datepicker库，该库正在呈现带有某些按钮的datepicker

在这些按钮中，我想注入一些图标。

检查页面时；HTML结构将是这样的

<button>
<i class="glyphicon glyphicon-chevron-left"></i>
<button>

，但是由于我不允许修改HTML视图，所以我无法直接在HTML中添加此图标：

<i class="glyphicon glyphicon-chevron-left"></i>

解决方案是用CSS进行。

建议？

Answer 1

glyphicon使用伪类:before＆amp;:after注入图标。

在此元素上使用 :after pseudo类，然后尝试添加此特定图标的代码。应该是这样的：

.glyphicon.glyphicon-chevron-left:after{ content:"e079"; }

代码中使用的内容将有所不同。您可以在" CSS规则"中的此链接中仔细检查它。还请记住，您可能需要适当地设置它以确保其可见性。

好运！

Answer 2

js您可以做到这一点：

var elem = document.getElementsByTagName('button');
elem[0].innerHTML += "<i class='glyphicon glyphicon-chevron-left'></i>";