我希望用户能够打开颜色对话框来设置“ForeColor”和“BackgroundColor”。所以我用这个:
<span class="insertPicLabel">ForeColor</span>
<input type="color" id="fontColorButton" title="Change Font Color">
<span class="insertPicLabel">Highlight</span>
<input type="color" id="highlightButton" title="Highlight text Color">
哪个工作正常,但看起来不太好。我希望改用带有图标的按钮。我试图设置一个背景图像,但颜色条总是显示在它上面。
我能做什么?是否有另一种方法可以像使用 VB 一样像普通按钮一样打开颜色对话框?
你可以使用这样的东西:
<span class="insertPicLabel">ForeColor</span>
<input type="color" id="fontColorButton" title="Change Font Color">
<button class="xx btn-default"><i class="fas fa-palette"></i>open box </button>
<script>
$(".xx").on('click', function(){
$("#fontColorButton").click();
})
</script>
使用的库:Jquery、bootsrtap、fontawesome
请参考此链接以供参考:https : //codepen.io/singhagam1/pen/MZVrrJ
或者如果你想隐藏输入类型,只需在最初隐藏它或给它 style="display :none "
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句