Saltar al contenido

¿Cómo cambiar el espaciado entre el botón de radio y su texto?

Solución:

Muchos elementos HTML tienen una configuración de margen predeterminada. Puede anular esto y establecerlo en 0. En su caso, desea restablecer margin-right en el botón de radio:

<input type="radio" name="beds" value="1" style="margin-right: 0" />1+

Probablemente desee agregarlo a su hoja de estilo para que se aplique a todos los botones de opción:

input[type="radio"] {
  margin-right: 0;
}

Necesitarás el label elemento.

<input type="radio" name="beds" value="1" id="first" /><label for="first">1+</label>
<input type="radio" name="beds" value="2" id="second" /><label for="second">2+</label>

A continuación, puede diseñar esto de esta manera:

label {
  margin-left: -3px;
}

También tenga en cuenta el uso de la for atributo para fines de accesibilidad.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *