¿Existe un estilo CSS específico para el Webkit que me permita controlar el color / tamaño / estilo del cuadro alrededor del color en unainput[type=color]? Ya estoy configurando el color de fondo y el color de la entrada para que se vea bien con un polyfill de compatibilidad cruzada que estoy usando para Chrome y Firefox más antiguos. Pero ahora que Chrome tiene un selector de color, hay un cuadro alrededor del color que deja un cuadro gris de 1px flotando en el centro de la entrada cuando tanto el color como el color de fondo de la entrada están configurados en el mismo color. ¿Hay algún CSS para deshacerse de él, ya sea estableciendo el ancho de esa caja a 0, cambiando el estilo anone¿O, en el peor de los casos, establecer el color en el mismo color que el color de fondo?

En esta imagen, estoy hablando de la caja gris dentro del blanco y fuera del verde:

He encontrado una solución alternativa, que es establecer un relleno lo suficientemente alto como para que la caja (el borde gris y el contenido verde) esté aplastada hasta el tamaño 0. Pero eso es realmente intrincado y no se ve muy bien en Firefox.