Buen día foro
Estoy haciendo un formulario de presupuestos y tengo unos checkbox donde necesito seleccionar a donde se ira el pedido, mi problema es que al poner un checkbox con su respectiva label el texto de la label no se ve alguien m podria ayudar no se mucho de css.
Código CSS:
Ver originalli.check_02 { width: auto;}
li.check_02 br { margin-bottom: 10px;}
label.check_02 { float: left; font-weight: bold; padding-right: 10px;}
input[type=checkbox].check_02 {display: none;}
input[type=checkbox].check_02 + label {
background: #fff;
display: inline-block;
width: 16px;
height: 16px;
background: url(../img/check_02.png) 0px 0px no-repeat;
text-indent: -1000em;
cursor:pointer;
}
input[type=checkbox].check_02:checked + label { background: url(../img/check_02.png) 0px -16px no-repeat;}
.formulario label
{
width: 70px;
float:left;
margin-left: 5px;
margin-top: 10px;
color: #666666;
font-size: 14px;
}
Y el formasi esta.
Código HTML:
Ver original<form class="formulario" action="#" method="post">
<input type="text" name="folio" id="folio" value="" size="7" readonly /> <input type="text" name="fecha" id="fecha" value="<?php echo $utilidades->fecha(); ?>" size="30" readonly />
<br/><br/><br/>
<label for="codigo">Código:
</label><input type="text" name="codigo" id="codigo" size="7" readonly /> <label for="cliente">Cliente:
</label> <input type="text" name="razonSocial" id="razonSocial" size="100" /> <label for="rfc"> RFC:
</label> <input type="text" name="rfc" id="rfc" size="20" readonly /><br/><br/><br/> <input type="hidden" name="id" id="id" />
<label for="hotel">Hotel:
</label> <input type="text" name="hotel" id="hotel" size="20" />
<label for="cantidad">Cantidad:
</label> <input type="text" name="cantidad" id="cantidad" size="7" /> <label for="servicio">Producto o servicio:
</label> <input type="text" name="servicio" id="servicio" size="50" />
<input type="checkbox" name="p" id="p" value="1" class="check_02" />
<input type="checkbox" name="d" id="d" value="1" class="check_02" />
<input type="checkbox" name="i" id="i" value="1" class="check_02" />
<input type="submit" name="add" id="add" value="Agregar"/></p>
Gracias de antemano.