Webkit CSS для управления рамкой вокруг цвета в input[type=color]?

Существует ли специальный CSS-стиль Webkit -, который позволит мне контролировать цвет/размер/стиль поля вокруг цвета в input[type=color]? Я уже устанавливаю цвет и цвет фона ввода, чтобы он хорошо выглядел с полифиллом совместимости -, который я использую для старых Chrome и Firefox. Но теперь, когда в Chrome на самом деле есть палитра цветов, вокруг цвета есть рамка, которая оставляет серую рамку размером 1 пиксель, плавающую в середине ввода, когда и цвет, и цвет фона ввода установлены на один и тот же цвет. Есть ли какой-нибудь CSS, чтобы избавиться от этого, либо установив ширину этого поля на 0, изменив стиль на none, либо, в худшем случае, установив цвет таким же, как цвет и цвет фона?

На этом изображении я говорю о серой рамке внутри белой и зеленой снаружи :

Screenshot of color picker

. Я нашел один обходной путь, который состоит в том, чтобы установить достаточно высокое отступы, чтобы поле (, серая рамка и зеленое содержимое ), были сжаты до размера 0. Но это действительно хакерский и не очень хорошо выглядит в Fire Fox.

30
задан 0b10011 21 April 2017 в 18:53
поделиться