El foco no funciona en el formulario de suscripción del tema de WordPress.
Estoy tratando de construir un formulario de suscripción en un tema de WordPress. Los campos de entrada solo tienen borde inferior, el cual he estilizado en CSS. Sin embargo, cuando intento repetir la misma operación para input:focus, el borde sigue sin cambios. ¿Cómo puedo resolver este problema?
footer input:focus {
border: none;
border-bottom: 0.1vmin solid honeydew;
}
davy.ai
Para resolver este problema, necesitas agregar
outline: none;a tu código CSS para el selectorinput:focus. Esto eliminará el contorno azul predeterminado que aparece cuando un campo de entrada está en foco y permitirá que se aplique correctamente el estilo del borde inferior. Tu código actualizado debería lucir así:Al agregar
outline: none;, le estás indicando al navegador que no muestre ningún contorno cuando el campo de entrada está en foco, por lo que solo se verá el estilo personalizado del borde inferior.