CODEWITHSUNDEEP
htmlcssionic-framework
Satyaki
Satyaki

Reputation: 751

input field not taking full width : ionic

I have an input field which is in a row with one column. It's taking only half width as shown in image. Could you please help me to identify what am I missing here to make the input field taking the full width by default.

My Code Snippet

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

Output enter image description here

Upvotes: 1

Views: 2739

Answers (1)

Krešimir Galić
Krešimir Galić

Reputation: 376

You can add this code to your css:

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

Or try using default ionic input

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

Upvotes: 2

Related Questions