Question

在我的Angular5应用程序中，我有一个datepicker库，它使用一些按钮呈现一个datepicker

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

检查页面时; html结构将是这样的

Page<Object[]> listAccessibleInstances(
        @Param("username")final String username,
        @Param("instanceStates") final Set<String> instanceStates,
        final Pageable pageable);

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

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

解决方案是使用css。

建议？

Answer 1

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

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

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

代码中使用的内容会有所不同。您可以在link＆＃34; CSS规则＆＃34;中仔细检查它。另请记住，您可能需要正确设置样式以确保其可见性。

祝你好运！

Answer 2

通过JS你可以这样做：

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

CSS3：在按钮中注入一个glyphicon图标

2 个答案: