入力フィールドが全幅を取っていない：イオン

Question

1つの列に1つの入力フィールドがあります。画像に示されているように半分の幅しか取っていません。入力フィールドをデフォルトで全幅にするために、私が何が欠けているのかを特定するのを手伝ってください。

マイコードスニペット

<div class="row"> 
    <div class="col"> 
     <div>Mobile Number</div> 
     <div> 
     <label class="float-right"> 
     <img class="edit-icon" src="./img/edit_blue.png"> 
     </label> 
     <span> <input type="number"> </span> 
     </div> 
    </div> 
</div> 

あなたのCSSにこのコードを追加することができます

Answer 1

出力：

input[type="number"] { 
    width: 100%; 
    display: table; 
} 

またはデフォルトイオン入力

を使用してみてください

<label class="item item-input"> 
    <input type="text" placeholder="First Name"> 
</label>