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.
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.
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
Creo que algo más está sobrescribiendo el estilo original del botón.
Antes
Después
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