4 amigos y medio

Código html de la marca de verificación verde

Tengo una marca de verificación como se muestra a continuación, quiero usar la marca de verificación para que actúe como una casilla de verificación, no quiero que la garrapata aparezca dentro de una casilla de verificación. Quiero poder hacer clic en la marca para que quede seleccionada. Debería ser como una casilla de verificación pero sin la caja, ¿alguna sugerencia si esto se puede hacer en css?
Necesitarás una casilla de verificación para mantener el valor de la marca. Y necesitarás estilizar la etiqueta, y ocultar la casilla de verificación, para que sólo veas la etiqueta, y esta etiqueta será capaz de interactuar con la casilla de verificación.

Marca de verificación css w3schools

<meta data-body-font-family=”-apple-system, BlinkMacSystemFont, &#39;Segoe UI&#39;, Roboto, Helvetica, Arial, sans-serif, &#39;Apple Color Emoji&#39;, &#39;Segoe UI Emoji&#39;, &#39;Segoe UI Symbol&#39;” data-body-font-type=”system”>
<path d=”M17.178 13.088H5.453c-.454 0-.91-.364-.91-.818L3.727 1.818H0V0h4.544c.455 0 .91.364.91.818l.09 1.272h13.45c.274 0 .547.09.73.364.18.182.27.454.18.727l-1.817 9.18c-.09.455-.455.728-.91.728zM6.27 11.27h10.09l1.454-7.362H5.634l.637 7.362zm.092 7.715c1.004 0 1.818-.813 1.818-1.817s-.814-1.818-1.818-1.818.814-1.818 1.818.814 1.817 1.818zm9. 18 0c1.004 0 1.817-.813 1.817-1.817s-.814-1.818-1.818-1.814-1.818 1.818.814 1.817 1.818.814 1.817 1.818 1.817z” />
<input placeholder=”Número de teléfono móvil” autocapitalize=”off” spellcheck=”false” autocomplete=”phone” data-autofocus=”true” data-phone-flag-input=”true” data-phone-flag-input-default-country=”United States” data-phone-formatter=”true” data-phone-formatter-insert-country-code=”true” data-phone-formatter- e164=”true” data-phone-formatter-region-code=”US” data-backup=”subscription_handle” data-phone-flag-label=”Código de país/región” data-trekkie-id-shipping-updates-handle-type=”phone” class=”field__input” size=”30″ type=”tel” value=”+1 415-971-2471″ name=”arrive_signup_form[phone]” id=”arrive_signup_form_phone” />

Marca de verificación del contenido css

4.10.1.4 Validación de formularios del lado del cliente✔MDNForm_validationSupport en todos los motores actuales.Firefox4+Safari5+Chrome4+Opera≤12.1+Edge79+Edge (Legacy)12+Internet Explorer10+Firefox Android4+Safari iOS4+Chrome Android18+WebView Android≤37+Samsung Internet1.0+Opera Android≤12.1+
✔MDNHTMLFormElementSoporta en todos los motores actuales.Firefox1+Safari3+Chrome1+Opera8+Edge79+Edge (Legacy)12+Internet Explorer5.5+Firefox Android4+Safari iOS1+Chrome Android18+WebView Android1+Samsung Internet1.0+Opera Android10. 1+Categorías:Contenido de flujo.Contenido palpable.Contextos en los que se puede utilizar este elemento:Donde se espera contenido de flujo.Modelo de contenido:Contenido de flujo, pero sin descendientes de elementos de formulario.Omisión de etiquetas en text/html:No se puede omitir ninguna etiqueta. Atributos de contenido:Atributos globalesaccept-charset – Codificación de caracteres a utilizar para el envío de formulariosaction – URL a utilizar para el envío de formulariosautocomplete – Configuración por defecto de la función de autorrellenado para los controles del formularioenctype – Tipo de codificación de la lista de entrada a utilizar para el envío de formulariosmethod – Variante a utilizar para el envío de formulariosname – Nombre del formulario a utilizar en el documento.forms APInovalidate – Saltar la validación del control del formulario para el envío de formulariostarget – Contexto de navegación para el envío de formulariosrelConsideraciones de accesibilidad:Para autores.Para implementadores.Interfaz DOM:

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad