Hiding the Eye Dropper in HTML5 Color Selection

1,110 views
Skip to first unread message

Stefan S

unread,
Apr 16, 2021, 2:46:52 PM4/16/21
to Chromium HTML5
Hi,

i am using <input type="color"> to let a user pick a color. This HTML5 input type comes with a nice color picker with an eye dropper, color well and text input fields (RGB etc.).

I would like to hide the eye dropper icon. How could i achieve this? I haven't found any way to style the color picker via CSS or such.

Thanks for any ideas, hints or workarounds!

Lakshay Akula

unread,
Apr 20, 2021, 2:46:32 PM4/20/21
to Chromium HTML5, stefa...@gmail.com
Try adding `disabled` to the tag

Like `<input type="color" disabled></input>`

Source: https://stackoverflow.com/questions/37501471/how-can-disable-open-color-palet-when-i-click-on-input-type-color

Reply all
Reply to author
Forward
0 new messages