Wagner Andrade

A Vida, Programação, o Universo e Tudo Mais

WebKit, alguns truques

CSS é fácil, muito. Criar um estilo legal não – vide esse blog.

Não gosto de botões estilizados, sinceramente, prefiro os botões padrões do sistema operacional – especialmente do mac. Questões de usabilidade, padrão visual e, principalmente, gosto. E isso não se discute.

O problema é que esse estilo padrão dos botões é muito sensível ao CSS aplicado sobre ele. Não precisa muito para o navegador transformá-lo em quadrado cinza, terrível.

Me invoquei com isso. De alguma forma eu deveria conseguir “resetar” esse estilo! Encontrei… para os navegadores que utilizam WebKit – Chrome e Safari.

-webkit-appearance: push-button;

Esse estilo faz com que qualquer elemento assuma o estilo default de um push-button, o clássico botão nosso de cada dia.

Fui pesquisar sobre isso, jamais tinha ouvido falar desse recurso. Encontrei outros! Tem uma página na Apple que explica esse e outros truques com mais detalhes.

Bom apetite.