tengo un problema con mi pagina, resulta que le estoy tratando de aplicar un estilo y todos los elementos los toman menos el select no se que pasa alguien me podria ayudar con esto, les comento este error me sale cuando lo corro desde el servidor apache, cuando corro la pagina solo como un html si me toma el estilo del css alguien me podria yudar, ademas me gustaria saber si puedo llenar el select desde javascript con php.
De antemano muchas gracias por la ayuda.
Formulario de registro
Formulario de registro
Crear capitanes
Escoga una congregación
'.$row['nombre_congregacion'].'';
}
?>
*{
box-sizing: border-box;
}
body{
font: normal 18px/3 "Fira Sans", "Heveltica Neue", sans-serif;
background: #3aafab;
color: white;
margin: 0;
}
h1{
text-align: center;
}
.form-registro{
width: 95%;
max-width: 500px;
margin: auto;
background:white;
border-radius: 7px;
}
h2{
background: deepskyblue;
text-align: center;
padding: 15px;
font-weight: 100;
font-size: 30px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom: 5px solid crimson;
}
.contenedor-input{
padding: 10px 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
input{
margin-bottom: 15px;
padding: 15px;
font-size: 16px;
border-radius: 3px;
border: 1px solid darkgrey;
}
.input-48{
width: 48%;
}
.input-100{
width: 100%;
margin-bottom : 15px;
padding: 15px;
font-size: 16px;
border-radius: 3px;
border: 1px solid darkgrey;
}
/select{
margin-bottom: 15px;
padding: 15px;
font-size: 16px;
border-radius: 3px;
border: 1px solid darkgrey;
}/
.btn-enviar{
background: crimson;
color: white;
margin: auto;
padding: 10px 40px;
cursor: pointer;
}
.btn-enviar:active{
transform: scale(1.05);
}