Prenez les cours de HTML et CSS suivants :
<html>
<body>
<td class="colorpick">
<input type="color" name="head" value="#aec7e8">
</td>
</body>
</html>
input[type="color"] {
border: none;
width: 24px;
height: 24px;
}Sur Chrome, Safari et Internet Explorer, cela semble respecter le CSS et l'entrée apparaît comme un carré.
Cependant, sur Firefox, il apparaît comme un rectangle très très étroit qui ne suit pas le CSS. Ce phénomène est constant d'un appareil à l'autre et d'une version à l'autre de Firefox. Comment faire pour que l'entrée de couleur corresponde à la forme qu'elle a dans les autres navigateurs ?
Désiré :
Résultat FF :
