CSS: установить размеры изображения поля формы независимо от фактического размера изображения

Question

Я хотел бы, чтобы изображения поля формы имели заданный размер независимо от фактического размера изображения.Поэтому мы хотим, чтобы все изображения полей формы были размером 25 на 25 пикселей, даже если фактический файл изображения имеет размер 35 на 35.Текущий CSS ниже, но если URL-адрес указывает на изображение больше, чем поле формы, это не работает.Вопрос новичка наверняка, но может быть полезен и всем будущим новичкам.

      #namefieldicon {
      background: white url(example.com/images/nameicon.gif) left 
      no-repeat;

      } 

Answer 1

Я создал снимок, проверьте ссылку ниже

<div>
  <div class="bgimg"></div>
  <div class="bgimg"></div>
  <div class="bgimg"></div>
  <div class="bgimg"></div>
  <div class="bgimg"></div>
</div>

css

.bgimg {
    background: white url(https://placehold.it/100/100) left no-repeat;
    background-size: 70px;
    width: 70px;
    height: 70px;
    display:inline-block;
}

Это то, что вы имеете в виду?https://jsbin.com/tavulac/1/edit?html,css,output