Hello everyone,
I am facing a strange issue here: I have this code:
///////////// index.html //////////////////
<ul data-role="listview">
<li><output><h4>Height</h4></output></li>
<li><input type="number" id="height" class="glowing-border" style="border: solid 1px; min-width: 280px;" min="90" max="210" placeholder="in cm"/></li>
<li><output><h4>Weight</h4></output></li>
<li><input type="text" id="weight" class="glowing-border" style="border: solid 1px; min-width: 280px;" min="40" max="210" placeholder="in Kg" /></li>
<li><output><h4>Age</h4></output></li>
<li><input type="number" id="age" style="border: solid 1px; min-width: 280px;" class="glowing-border" placeholder="Years"/></li>
<li><output><h4>Sexe</h4></output></li>
</ul>
/////////////////////////////////
//////////// style.css //////////
.glowing-border {
border: 2px solid #dadada;
border-radius: 2px;
}
.glowing-border:focus {
outline: none;
border-color: #9ecaed;
}
///////////////////////////////
The problem is when I have the focus on any input tag, and I start to write, I got nothing, nothing is displayed within the textfield (no matter it was a number or a text field !!)
What's wrong?
Thank you in advance.