Arreglando CSS para botón de radio – WooCommerce

2 minutos de lectura

Avatar de usuario de Aaron Johnson
aarón johnson

El problema: el botón de opción para las opciones de envío pasa con éxito al estado seleccionado en el que se hizo clic, pero no muestra un punto negro en el elemento seleccionado para mostrarle al usuario que ha sido seleccionado.

ingrese la descripción de la imagen aquí

Esto está en esta página de pago de WooCommerce de mi sitio. Lo sentimos, la única forma de ir allí es seleccionar primero un artículo en la tienda y luego proceder a pagar: https://dayhikesneardenver.com/shop/

Inspeccioné el uso de la página de inspección de Google Chrome y no puedo averiguar si se trata de un problema con: 1) Mis estilos de tema Uncode, 2) Estilos de WooCommerce o 3) otra cosa.

Gracias por cualquier idea sobre esto.

  • Me parece que hay otro formulario de botón de radio con la misma identificación y está generando algún tipo de conflicto. ¿El botón de radio es personalizado? ¿Tiene algún otro código o cambio reciente que haya realizado en el sitio?

    – Error de sintaxis

    13 de enero de 2020 a las 17:24

  • No hay cambios recientes que se me ocurran. Me pregunto si es un estilo de botón en mi tema de decodificación.

    – Aarón Johnson

    13 de enero de 2020 a las 17:26

  • Encontré este código en mi tema secundario style.css. ¿Podría ser el problema?/* #Button-skins */ .style-light .btn-default, .style-dark .style-light.style-override .btn-default, .style-dark .style-light .btn -predeterminado { color: #ffffff !importante; color de fondo: #258CB0 !importante; border-color: #258CB0 !importante; }

    – Aarón Johnson

    13 de enero de 2020 a las 17:30


  • Intente eliminar otro estilo css personalizado en esa sección. Probablemente un conflicto de estilos.

    – Error de sintaxis

    13 de enero de 2020 a las 18:02

  • Resulta que era un código incorrecto en el CSS del tema. Pude ingresar al tema secundario y anularlo con el siguiente código. aporte[type=checkbox]aporte[type=radio]{ -webkit-apariencia: casilla de verificación! importante; }

    – Aarón Johnson

    14 de enero de 2020 a las 14:01


Avatar de usuario de Syntax_Error
Error de sintaxis

Al eliminar la propiedad “webkit-appearance: none” en el formulario del botón de opción o al cambiarla (webkit-appearance: casilla de verificación), el botón aparece marcado.

Las propiedades

ingrese la descripción de la imagen aquí

Creo que algo más está sobrescribiendo el estilo original del botón.

Antes

ingrese la descripción de la imagen aquí

Después

ingrese la descripción de la imagen aquí

¿Ha sido útil esta solución?