разница в размере заполнителя при вводе в браузере chrome и firefox

Question

Я установил фоновое изображение для входного тега, а высота фона не совпадает в firefox и chrome. Мне нужно chrome как поведение. После исследования я обнаружил, что: указанная высота заполнителя такая же как: высота заполнителя в firefox.

input::placeholder { 
    background-image: url('../../../../public/images/icons/calender1.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

это chrome просмотр

это просмотр в firefox

Answer 1

input{
  background: url(image.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg',     sizingMethod='scale');
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg', sizingMethod='scale');
}