Html 如何强制图像在提到的宽度和高度范围内？

我想一些css，以获得在提到的宽度和高度没有裁剪的图像

我是这样做的：

.btnEdit{ background-image: url(/images/btn_Edit_PICO.gif); 
    cursor:pointer;
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 22px ; 
    width: 54px;} 

但是，这并没有发生。还有一个按钮，但大小不同

.btnDelete{background-image: url(/images/btn_Delete_PICO.gif); 
cursor:pointer; 
margin: 0;
padding: 0;
border: 0;
background-repeat: no-repeat;
background-color: transparent; 
height: 22px ;
width: 54px;}

我希望这些是相同的大小，虽然有实际的图像大小可能会有所不同

图片：

---

如果你必须调整背景的大小，我认为这是不可能的。如果您的图像具有正确的宽度和高度，请使用“背景位置”进行“裁剪”。

为什么要使用两个类？如果两个按钮相同，则只使用一个类

CSS

HTML

---

您是否尝试过使用CSS3属性

背景大小

background-size: cover;

或

---

发布您的工作代码/演示。（HTML和CSS）我已经发布了代码。我正在发布描述它的图片。使用百分比而不是像素。没有发生@RachelGallen。事实上，是的。我确实想调整它的大小。我想给宽度和高度，我希望图像是适合那里。有没有在CSS背景大小调整。如果你把一个图像标签放在div中，然后使用溢出隐藏会怎么样？事实上，我不能，事实上我不想使用div。这涉及到图像和其他问题。这就是为什么我使用了两个不同的类。能解决吗？

<div class="btn">
<input type="Button" value="EDIT"/>
</div>

<div class="btn">
<input type="Button" value="Delete"/>
</div>

background-size: cover;

background-size: 100% auto;