Formulario
.form-line { display: inline-block; margin-right: 20px; /* Espaço entre cada opção */ border: 1px solid #ccc; /* Borda retangular */ } .form-radio-item { display: block; margin-bottom: 5px; /* Espaço entre cada opção de rádio */ } label { display: block; padding: 10px; /* Espaçamento interno */ border: 1px solid #ccc; /* Borda do retângulo */ border-radius: 10px; /* Cantos arredondados */ cursor: pointer; width: 900px; /* Largura personalizada */ position: relative; /* Permite posicionar a marca de seleção */ } input[type="radio"] { display: none; /* Esconda o input de rádio nativo */ } /* Estilo padrão para as opções */ label { background-color: #a8e6c1; /* Cor de fundo padrão */ } /* Estilo para opção selecionada */ input[type="radio"]:checked + label { background-color: #66BB6A; /* Cor de fundo quando selecionado */ color: #fff; /* Cor do texto quando selecionado */ } /* Estilizar a marca de seleção no final apenas na opção selecionada */ input[type="radio"]:checked + label::after { content: '✓'; /* Ícone Unicode para a marca de seleção */ position: absolute; top: 50%; right: 10px; /* Ajuste a distância da marca de seleção em relação à borda direita */ transform: translateY(-50%); /* Centralize verticalmente */ font-weight: bold; /* Torne o ✓ mais visível */ } /* Estilo para o asterisco em vermelho no elemento */ legend { font-family: 'Myriad Variable Concept', sans-serif; /* Define a família de fontes */ font-size: 16px; /* Define o tamanho da fonte */ font-weight: bold; /* Define o peso da fonte (negrito) */ color: #000; }
1. A utilização dos nossos produtos e serviços é útil? *
2. Como avalia o aspecto profissional da nossa empresa? *
3. Como avalia a qualidade de nossos serviços/produtos em comparação com empresas concorrentes? *
4. Como avalia a qualidade do nosso serviço ao cliente? *
5. Qual o seu grau de satisfação com os nossos colaboradores em geral? *
6. Como avalia no geral a nossa empresa? *
7. Recomendaria a nossa empresa a outros? *
Open chat
Enviar Mensagem