How to remove or hide some sections in a HTML color picker-CodePudding

I want to hide or remove the two green sections in the HTML color picker. I searched a lot but I did not find any useful posts.

Is it possible to do that?

thanks in advance.

CodePudding user response：

What your are trying to do will not work. You will need to use a JavaScript Framework or Library for that. The default input['color'] is native and you cant change the style of the picker.

Try something like TinyColorPicker

CodePudding user response：

Use your inspect element on browser developers tool. (right click inspect) You can then find the used class and change it to in example display:none;