Pergunta no sistema de reservas do WordPress Salon: Caixas de seleção e setas nos menus desaparecem

Um usuário perguntou ?

Olá,

Quando ativo o plug-in, as setas suspensas e as caixas de seleção no meu tema desaparecem. Verifiquei todas as folhas de estilo na pasta CSS e consegui corrigir o problema suspenso do Firefox que parecia -webkit: none, mas não tenho ideia de como corrigir o problema para outros navegadores ou fazer as caixas de seleção aparecerem novamente em vez de desabilitar o plug-in.

Alguma ajuda com isso?

Obrigado.

(@calitoe)

7 meses atrás

Ok, não me lembro. Consegui superá-lo via CSS personalizado no meu tema usando este código:

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}

Obrigado.

(@luhna)

6 meses, 4 semanas atrás

Olá,

Eu tenho o mesmo problema, se eu ativar o plugin Salon Booking System, as caixas de seleção WooCommerce desaparecem (funcionam, mas visualmente não muda e o usuário não entende a seleção).

Alguma idéia de como consertar isso?

link: piccolosalone.ch

(@calitoe)

6 meses, 4 semanas atrás

Olá @luhna,

Como mencionei em minha própria resposta, finalmente consegui defini-lo via CSS personalizado no meu tema enquanto usava este código:

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}

Boa sorte!

(@luhna)

6 meses, 4 semanas atrás

Olá @calitoe

Eu tentei seu código, mas parece que não funciona no meu site ? Vou tentar novamente. Obrigado

(@luhna)

6 meses, 4 semanas atrás

Seu código funciona parcialmente, algumas caixas de seleção são alteradas (por exemplo, “Enviar para um endereço diferente?”) e outras (forma de envio e forma de pagamento) não.

Eu tento verificar o código duas vezes!

De qualquer forma, obrigado pela sua ajuda

(@luhna)

6 meses, 4 semanas atrás

Resolvido! Obrigado @calitoe pelo seu código, fiz alguns testes e encontrei a solução. Já fiz alguns testes e tudo parece estar funcionando.

Aqui está o código que usei que pode ser útil para outras pessoas:

.woocommerce-form__input .woocommerce-form__input-checkbox .input-checkbox {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: none;
    appearance: checkbox;
}

.shipping_method {
     -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: none;
    appearance: checkbox;
}

.input-radio {
     -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: none;
    appearance: checkbox;
}

(@capitancapo)

Há 3 meses

Obrigado, funcionou para mim também

(@eugen10)

2 meses, 2 semanas atrás

Ela teve o mesmo problema com o Contact Form 7 e decidiu substituí-lo com a SEC, mas isso é um absurdo. O plugin não deve aplicar esses estilos em todo o mundo.