Czy istnieje specyficzny dla Webkit styl CSS, który pozwoli mi kontrolować kolor / rozmiar / styl pudełka wokół koloru winput[type=color]? Ustawiam już kolor i kolor tła wejściowego, aby wyglądał dobrze z wypełniaczem kompatybilnym krzyżowo, którego używam dla starszych Chrome i Firefox. Ale teraz, gdy Chrome rzeczywiście ma selektor kolorów, wokół koloru znajduje się pole, które pozostawia szare pole 1px unoszące się na środku wejścia, gdy kolor i kolor tła są ustawione na ten sam kolor. Czy jest jakiś CSS, aby się go pozbyć, ustawiając szerokość tego pola na 0, zmieniając styl nanonelub, co gorsza, ustawienie koloru na taki sam jak kolor i kolor tła?

W tym obrazie mówię o szarym polu wewnątrz bieli i na zewnątrz zieleni:

Znalazłem jedno obejście, które polega na ustawieniu wystarczająco wysokiego wypełnienia, aby pole (szara ramka i zielona zawartość) było spłaszczone do rozmiaru 0. Ale to naprawdę hacky i nie wygląda zbyt dobrze w Firefoksie.