Html：在FormButton中调整图像大小

Question

我想调整一个图像的大小，该图像位于由form标记包围的按钮内。 但不知何故，图像没有受到CSS的高度和宽度：

HTML：

<form class="infobutton"> 
     <button type="submit" 
      formaction="Resources/Documents/schnittprofilreport.pdf" 
      formtarget="_blank"> 
      <img src="Resources/Pictures/info.png"> 
     </button> 
    </form> 

的CSS ::

img { 
    width:25px; 
    height:25px; 
    border:2px solid black; 
} 

.infobutton { 
    margin-bottom:5px; 
} 

Answer 1

快速和肮脏的：

img { 
    width:25px !important; 
    height:25px !important;   
} 

可能还有其他more specify CSS rules这个元素。

!important是IMO的一个彻底解决方案。该bettwer方法是创建更比其他指定的CSS规则：

更干净：

.infobutton button[type="submit"] img { 
    width:25px; 
    height:25px;   
} 

Answer 2

您应该使用display:block或display:inline-block的形象。