如何在<button>中使用type =“color”标签

Question

我需要使用带颜色选择器的按钮标签，但我无法使用输入，因为该值不能是Google素材图标 我该怎么办？

<button type="color" value="#ff0000" type="button" class="btn btn-secondary herramienta"><i class="material-icons">format_color_text</i></button> 

Answer 1

你可能有不透明度设置为0的输入，把它放在按钮的顶部，然后当他们去按一下按钮，他们实际点击输入，是这样的：

<div style="position:relative; display:inline-block"> 
    <button type="button" class="btn btn-secondary herramienta"><i class="material-icons">format_color_text</i></button> 
    <input type="color" value="#ff0000" style="opacity:0; position:absolute; left:0;top:0;width:100%"/> 
</div> 

https://jsfiddle.net/3u8v5axs/