Para o bem ou para o mal, os campos de formulário têm sido um pouco difíceis de estilizar com CSS. A exibição do controle de formulário depende do dispositivo, do sistema operacional e do navegador, portanto, o senhor pode imaginar a dificuldade de facilitar o estilo. Aos poucos, temos recebido alguns controles sobre a exibição de controles de formulário, como evidenciado por accent-color!

O accent-color A propriedade CSS nos permite alterar a acentuação do input, input[type=radio], e input[type=checkbox] elementos!

input {
  accent-color: blue;
}

input[type=checkbox] {
  accent-color: red;
}

Veja a caneta por David Walsh (@darkwing) em CodePen.

accent-color é uma bela adição ao input Elementos CSS. Adoro qualquer recurso de CSS que incentive o uso de elementos nativos em vez de usar o próprio shimming para aprimorar a marca e o design. Esperamos que haja mais recursos de CSS como accent-color!

  • Mais 9 demonstrações incríveis do WebGL
  • Criando efeitos de paralaxe de rolagem com CSS

    Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…