css / forms / input / scss

Remover cursor piscando

Descrição

Tive o problema, que tenho uma entrada com um número e dois gatilhos para aumentar e diminuir o número. Agora você clica na entrada e obtém o cursor piscando.

Solução

HTML

<input type="number" name="" value="10" class="input--numberfield">

SCSS

.input--numberfield {
    border: none;
    color: transparent;
    text-shadow: 0 0 0 gray;
    text-align: center;

    &:focus {
        outline: none;
    }
}

Use a sombra do texto para dar a cor ao seu número;)

Demo

http://jsfiddle.net/KvdkV/