O aspecto do input

Vamos imaginar que você esteja fazendo um tipo de formulário. Poderia ser, por exemplo, uma calculadora de IMC. Você montou a “casca do código”, mas quando foi testar se deparou com um detalhe: um tipo de realce na “caixinha de texto”, ou input. Talvez você não queria isso ali. 

Às vezes, por mais fluida que seja o CSS é possível se esbarrar naquele pequeno problema, onde sabemos o que se espera, mas não exatamente “como perguntar”. Bem, aconteceu comigo algumas vezes. 

Voltando ao exemplo…

Através input: focus, você será capaz de modificar esse detalhe.

Outro detalhe que pode deixar requerer um pouco de pesquisa é a presença daquelas setinhas na lateral do seu input caso ele seja "type: number".

Utilizando uma variação disto, seu problema deve ser resolvido.

Caso queria ler mais um pouco sobre Webkit acesse esse link:

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-outer-spin-button

É sempre bom dar uma olhadinha na documentação ^^