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.