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/

如何使用type =＆＃34; color＆＃34;在<button>标签中

1 个答案: