Как стилизовать ввод цветного типа
Я работаю над проектом, который требует ввода цвета в форме. Цветовой ввод по умолчанию отображается в виде короткого широкого прямоугольника с серым контуром. Серый контур на самом деле является цветом фона, и попытка применить границу и радиус границы для стилизации фактического образца цвета, поскольку круг приводит к уменьшению круглой границы, которая находится под прямоугольным образцом цвета.
Стилизация ширины и высоты в CSS позволяет мне управлять прямоугольным образцом цвета. Стилизация отступов и цвета фона позволяет мне контролировать «границу». Я не могу понять, как отрегулировать способ отображения «образца», и возможно ли это вообще.
Надеюсь, вам помогут варианты 2 принятого ответа по приведенной ниже ссылке: stackoverflow.com/questions/11167281/….
@ dan6657 не для кнопки отправки, а для ввода цвета. Я действительно не знаю, как говорить на языке программистов, поэтому мне сложно задавать вопросы, которые будут легко понятны сообществу! Хотя я разобрался, спасибо!
@ thanhnha1103 спасибо за подсказку!
Ответы 1
Мне удалось добиться желаемого эффекта, стилизовав идентификатор ввода цвета следующим образом:
#colorPicker {
background-color: #F5FF55;
width: 150px;
height: 50px;
border-radius: 5px;
padding: 5px;
}
Я все еще не могу изменить форму образца ввода цвета. Не уверен, возможно ли это.
Это довольно сложно понять, вы хотите добавить цвет границы к кнопке ввода ввода в CSS?