libro de referencias de CSS

reglas de CSS @

大全 de Atributos de CSS

Funciones CSS (Functions)Manual completo de selectores CSS

Selector :valid CSS

Manual de referencia de selector CSS completo

Ejemplo en línea

Si el valor ingresado en el elemento input es válido, configúrelo en amarillo:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Manual básico(oldtoolbag.com)</title>　
<style>
input:valid
{
　　　　fondo-color: yellow;
}
</style>
</head>
<body>
<h3>Ejemplo de selector :valid</h3>
<input type="email" value="[email protected]">　/>
<p>Ingrese un e-dirección de correo electrónico, ver los cambios en el estilo.</p>
</body>
</html>

Prueba aquí ‹/›

Definición y uso

El selector :valid se configura para aplicar un estilo cuando el valor del elemento del formulario necesita ser verificado según las condiciones especificadas.

Nota: 　El selector :valid solo actúa sobre elementos que pueden especificar un rango de valores, por ejemplo, las propiedades min y max en elementos input, y campos de correo electrónico correctos, campos de números válidos, etc.

Compatibilidad del navegador

Los números en la tabla indican la versión del primer navegador que admite la propiedad.

Selector
:valid	10.0	10.0	4.0	5.0	10.0

Sintaxis CSS

:valid
{
　　　　Declaración css;
}

Páginas relacionadas

Selector CSS :invalid

Manual de referencia de selector CSS completo

Funciones CSS (Functions)Manual completo de selectores CSS