manual de referência CSS

regras CSS @

大全 de propriedades CSS

Funções CSS Manual Completo de Selectores CSS

Seletores :valid do CSS

Exemplo online

Se o valor inserido no elemento input for válido, configure-o como amarelo:

Exemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Manual básico(oldtoolbag.com)</title>　
<style>
input:valid
{
　　　　fundo-cor: yellow;
}
</style>
</head>
<body>
<h3>Exemplo de seletores :valid</h3>
<input type="email" value="[email protected]">　/>
<p>Insira um e-mail ilegal-endereço de e-mail, veja as mudanças de estilo.</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

Os seletores :valid são configurados para aplicar estilos quando os valores dos elementos do formulário precisam ser validados de acordo com condições específicas.

Atenção: 　Os seletores :valid apenas afetam elementos que podem especificar intervalos de valores, por exemplo, os atributos min e max do elemento input, e campos de email corretos, campos de números válidos, etc.

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Seletores
:valid	10.0	10.0	4.0	5.0	10.0

Sintaxe CSS

:valid
{
　　　　declaração css;
}

Páginas relacionadas

Seletores CSS :invalid

Manual completo de seletores CSS

Funções CSS Manual Completo de Selectores CSS