See demo page: https://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker/configuration/clearbutton
The example uses "<input id="colorpicker" type="color" />". Opening the preview reveals a black color.
Change the input-tag to div and the 'clear'-style is presented in the preview.
Or remove the color type when using the input-tag: "<input id="colorpicker" />" also correctly represents clear.
I can also locally reproduce it with Kendo UI jQuery v2024.4.1112.
Hello, Paul,
If the issue is the black color value in the clearButton example, it is expected as the default value forthe <input type="color"/> element is #000000. If you wish to avoid that, you can use any of the approaches you mentioned - remove the type attribute, or create the ColorPicker from a div element.
Let me know if the information above would be useful.
Regards,
Martin
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.