Вы можете использовать следующий CSS:
input {
background-image: url("image.png");
background-size: cover;
background-position: center;
}
background-color: gray; или примените css код:
background: url("*url картинки*");
Или можно использовать костыли, оборачивая нужные элементы в div с указанием стилей:
А для картинки, укажите стили:
position: absolute;
top: 0;
left: 0;
background-color: gray; можно использовать для задания цвета фона элемента.
background: url("*url картинки*") можно использовать для установки фоновой картинки элемента.
Для создания эффекта, как на фото, можно использовать следующий код:
1. Обернуть пару input + img в div и добавить ему следующие свойства:
- position: relative;
2. Для img указать следующие свойства:
- position: absolute;
- top: 0;
- left: 0;
Это поможет создать нужный эффект визуального оформления.