JSFiddle - React, Tailwind, and code Playground

by Kolichikov

HTML

<input id="camera" class="inputfile" type="file" accept="image/*" capture="environment">
<label for="camera"><img src="https://lh3.googleusercontent.com/ogw/ADGmqu8l3aeimugjEIvUCoGjbdDqV_09IB-rJj0-TXBx=s32-c-mo"/></label>

CSS

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}