Question

我使用这个HTML代码来显示项目的颜色：

<span class="glyphicon glyphicon-folder-open" data-ng-style="{'color': projectUserConnection.project.color}"></span>

现在我将提供以这样的方式更改颜色：如果单击glyphicon，则应打开颜色选择器。有谁知道如何包含或其他东西

<input type="color">

进入跨度或我该怎么做？

Answer 1

试试这个：JSCOLOR

CODE

您可以找到他们网站上的所有信息，以便完成答案我在网站上添加了我认为您需要使用的示例代码。

<script src="jscolor.js"></script>

<p>You can add the color picker to a BUTTON:
<button class="jscolor {value:'66ccff'}"></button>

<p>... which might be empty to just display the color:
<button
    class="jscolor {valueElement:null,value:'66ccff'}"
    style="width:50px; height:20px;"></button>

<p>... and can be styled too:
<button
    class="jscolor {valueElement:null,value:'66ccff'}"
    style="border:2px solid black">
    Pick a color
</button>

请告诉我这是否可以帮到你！

Answer 2

<span class="glyphicon glyphicon-user" style="color:blue"></span>

<强> HTML

<span class="glyphicon glyphicon-user blue"></span>

<强> CSS

.blue {
    color: blue;
}

更改glyphicon的颜色

2 个答案: