Question

我希望表单域图像具有设定的尺寸，而不管实际的图像尺寸如何。因此，即使实际的图像文件是35x 35x，我们也希望所有表单域图像都为25px x 25px。当前的CSS在下面，但是如果url指向的图像大于form字段，则没有用。肯定有新手问题，但也可能对所有未来的初学者有所帮助。

      #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

CSS：设置表单字段图像尺寸，与实际图像大小无关

1 个答案: