Estoy usando bootstrap y mi intención es la siguiente:
quiero poner todas las esquinas a radio 0, omitiendo, las superiores del primer input, y las inferiores del último
al combinar :not(:first-child) indico que quiero cambiar todos menos el primero
al combinar :not(:last-child) indico que quiero cambiar todos menos el último, pero me cambia todos
CSS:
Código:
.form-group>input:not(:first-child){border-top-left-radius: 0; border-top-right-radius: 0;}
.form-group>input:not(:last-child){border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
Primer input en el navegador:
Código:
.form-group > input:not(:last-child) {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
Último input en el navegador:
Código:
.form-group > input:not(:last-child) {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.form-group > input:not(:first-child) {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
Código HTML:
<form method="post" class="form-horizontal form-group" style="margin:auto; max-width:250px;">
<input name="user" type="text" class="form-control" placeholder="Usuario" value="<?= $user ?>">
<input name="pass" type="password" class="form-control" placeholder="Contraseña">
<br>
<button type="submit" class="btn btn-default btn-block">Entrar</button>
</form>
Parece que me esta incluyendo el br y el buttom porque sin ellos me esta funcionando
Código HTML:
<form method="post" class="form-horizontal form-group" style="margin:auto; max-width:250px;">
<input name="user" type="text" class="form-control" placeholder="Usuario" value="<?= $user ?>">
<input name="pass" type="password" class="form-control" placeholder="Contraseña">
</form>