Ir para conteúdo
Fórum Script Brasil
  • 0

Copilot & Tailwinds: o azulamento do <select>


Frank K Hosaka

Pergunta

Ontem, o Copilot mostrou para mim que é possível exibir todas as opções do <select></select> através da propriedade size, mas eu fiquei preocupado com o tamanho da tela do celular, então decidi usar 12 <input>. Eu não tive coragem de copiar todos os 12 <input> do Copilot, eu só copiei um <input> e pedi para o PHP criar os outros <input>. Mas ainda sobrou um <select> e pedi para o Copilot azular para mim, mas ele não azulou, ele criou uma caixa de texto azulada como título e a seguir desenhou o <select>. Eu copiei o CSS Tailwinds da caixa de texto e apliquei no <select>. Veja como ficou:

arquivo balanceteApuracao.php
<?php include('menuView.php'); ?>
<div class="w-full max-w-[500px] mx-auto sm:w-[500px] text-center mb-4">
    <div>Escolha o ano</div>
    <form method="post" action="?Balancete.apuracaoSelecionada">
        <div>
            <select name="ano" class="bg-blue-600 shadow appearance-none border rounded py-2 px-3 text-white leading-tight focus:outline-none focus:shadow-outline">
                <?php foreach($anos as $ano): ?>
                    <option><?=$ano?></option>
                <?php endforeach; ?>
            </select>
        </div>
        <div class=mt-4>Escolha o mês</div>
        <div class="grid grid-cols-6 gap-1 max-w-md mx-auto mt-4">
            <?php for($i = 1; $i <= 12; $i++): $j = sprintf("%02d", $i); ?>
                <input type="submit" name="mes" value="<?=$j?>" class="bg-blue-500 text-white py-2 px-4 rounded">
            <?php endfor; ?>
        </div>
    </form>
</div>

 

Captura de tela 2024-10-07 070258.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...