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;   
} 

おそらく他にもあるでしょうこの要素の。

!importantは、IMOラジカル溶液です。

もっときれい：あなたがイメージにdisplay:blockまたはdisplay:inline-blockを使用する必要があります

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

Answer 2

bettwerの方法は、より多くの他のものよりも指定されているCSSルールを作成することです。