тип ввода цвет цвет по умолчанию ввод в виде шестнадцатеричного

#html #css #hex #color-picker

Вопрос:

Я кодирую форму, которая имеет цвет типа ввода. Когда вы нажимаете на это, вы видите палитру цветов и значения rgb цвета по умолчанию. Я хотел бы знать, есть ли способ использовать шестнадцатеричные цвета по умолчанию. Как в этом примере. По умолчанию он выглядит как левая часть изображения, и я бы хотел, чтобы он был таким же, как в правой части изображения. Я не знаю, возможно ли это. Спасибо вам 🙂

Комментарии:

1. Вы можете прочитать, например, [ссылка] developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/color что, среди прочего, объясняет, что каждому браузеру решать, как они отображают палитру цветов — это не стандарт. Вам придется реализовать свой собственный «интерфейс» для ввода (или найти чей-то другой код, который уже сделал это), если вы хотите, чтобы ваш интерфейс выглядел одинаково и по умолчанию был шестнадцатеричным, по крайней мере, в наиболее распространенных браузерах.

Ответ №1:

Выбор цвета предоставляется браузером в том виде, в каком он есть, так же, как отображаются раскрывающиеся списки, определенные браузером.

Хотя есть способ изменить его внешний вид, вы не можете зайти так глубоко, как хотите. Также позвольте мне отметить, что вы видите, как chrome показывает палитру цветов, другие браузеры показывают ее совсем по-другому, если вы откроете ее в Firefox или Safari, она будет другой. Если вы хотите углубиться в эту тему, я нашел эту статью довольно глубокой.

Однако, если вам нужен гораздо более индивидуальный пользовательский интерфейс, вы можете поискать библиотеки выбора цветов javascript и найти ту, которая лучше всего соответствует вашим потребностям, или даже написать для нее пользовательскую реализацию.

Ответ №2:

Средство выбора цвета по умолчанию не может установить шестнадцатеричный цвет по умолчанию. Вы можете использовать эту библиотеку для лучшего, в ней есть много типов выбора цветов, которые соответствуют вашим потребностям.

https://casesandberg.github.io/react-color/

введите описание изображения здесь