Question

几天前，我问是否有可能在某个下拉列表中进行更改以调用操作：sparklyr2pmml

我正确地指向了不断变化的侦听器。我可以使用标准按钮，但是不能更改引导字形图标的样式颜色。是否需要一些其他代码？

这是Javascript代码：

<script>
function highlightUpdateIntervalProfile{{$profile->id}}() {

var button1 = document.getElementById("buttonAck{{$profile->id}}");
var button2  = document.getElementById("buttonAck");

button1.style.color = "red";
button2.style.color = "red";
}
</script>

这是（Laravel刀片）按钮：

{{Form::button('<i class="glyphicon glyphicon-floppy-save" style="color:blue"></i>', array('type' => 'submit', 'class' => '','id' => 'buttonAck'.$profile->id))}}
    {!! Form::close() !!}

我确实通过document.getElementById（“ buttonAck {{$$ profile-> id}}”）操作来获取按钮，但是无法更改颜色。第二个按钮的颜色正在改变。有人吗？

Answer 1

颜色更改是否在浏览器中的Inspect Element上以样式显示？如果是，并且属性被修剪，则需要在CSS中添加!important属性。外观示例：

<i class="glyphicon glyphicon-floppy-save" style="color:blue !important"></i>

尝试更改为：

<script>
function highlightUpdateIntervalProfile{{$profile->id}}() {

var button1 = document.getElementById("buttonAck{{$profile->id}}");
var button2  = document.getElementById("buttonAck");

button1.style.color = "red !important";
button2.style.color = "red !important";
}
</script>

我忘了输入修改后的代码：）

Answer 2

尝试在CSS中创建此配置：

html .btn-blue {
   color: blue !important;
}

并让您的事件在您的元素中添加类btn-blue。如果不起作用，请尝试替换在CSS中留下另一种颜色的元素的设置集。

如何更改Glyphicon的颜色？

2 个答案: