Como alterar a cor de fundo e da fonte na lista de seleção

  • Profile Image
    TECTOYSA
    Perguntado em 11 de janeiro de 2023 às 09:06

    Bom dia! Tudo bem?

    Estou tentando através do background alterar o fundo ou a cor da fonte dessa lista suspensa e não estou conseguindo. Poderia ajudar? 1673445888 63bec2002186e ?1 Screenshot 10

    Muito obrigada!


    Att,

    Rafaela.

  • Profile Image
    TECTOYSA
    Respondido em 11 de janeiro de 2023 às 09:08

    Mas preciso que a "Facade" permaneça transparente.


    1673446105 63bec2d993f93  Screenshot 10

  • Profile Image
    Lucas_O
    Respondido em 11 de janeiro de 2023 às 09:58

    Oi Rafaela,

    Obrigado por entrar em contato com o suporte da Jotform. Você está no caminho certo ao tentar alterar o design utilizando código CSS. Tudo o que tu precisar é utilizar o seletor certo para o código funcionar. O código abaixo permite que você altera a cor da fonte e de fundo da lista de seleção. Insira esse código ao final do teu código CSS:

    1. Abra o designer do formulário clicando no botão em azul do lado direito e clique na aba Estilos.
    2. Na Injeção de CSS, adicione o código ao final do código existente.

    1673449040 63bece50b4856  Screenshot 10

    Código CSS:

    option {
    color: black;
    background-color: white;
    }

    Altere Color para alterar a cor do texto e o background-color para alterar a cor de fundo. Utilize o nome das cores em inglês ou código HEX, ou RGB.

    Fico à tua disposição caso precise de mais ajuda.

  • Profile Image
    TECTOYSA
    Respondido em 11 de janeiro de 2023 às 10:37

    Olá, Lucas

    Funcionou! Muito obrigada

    Ps.: Estou aprendendo CSS através das minhas tentativas de melhorar o formulário pelo Jotform. Não tive nenhum contato anterior com o código rs.

  • Profile Image
    TECTOYSA
    Respondido em 11 de janeiro de 2023 às 11:04

    Tenho mais uma dúvida

    é possível remover esse número indicado na seta vermelha, do e-mail que chega para o destinatário, e deixar apenas o valor total?

    O motivo seria porque, esse valor "seta vermelha" não esta somado as 3 unidades do produto. Caso haja uma forma de aparecer somada não precisaria remover.

    Essa informação pode confundir quem receber, pois esse valor indicado representa o valor de apenas 1 unidade.

    1673452876 63bedd4c642ce  Screenshot 10

  • Profile Image
    Lucas_O
    Respondido em 11 de janeiro de 2023 às 12:23

    Oi Rafaela,

    Fico feliz que tenha funcionado. CSS pode ser um pouco confuso no início, mas com o tempo começa a fazer mais sentido. Caso precise de ajuda, conte sempre conosco. A tua outra pergunta separei em outro tópico. Tu pode ver a minha resposta nesse link.

    Fico à tua disposição.