Este es el código para un estándar de casillas de verificación:

<fieldset data-role="controlgroup">
        <legend>Agree to the terms:</legend>
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
        <label for="checkbox-1">I agree</label> 
</fieldset>

¿Cómo puedo establecer la etiqueta (texto) de una casilla de verificación a la derecha o a un fijo «px» posición?

Algo como align-right o right: 50px

  • Debe nt ya sea en el lado derecho -> violín ???
  • Sry debo decir que trabajar con jquery mobile y las casillas de este aspecto: Casilla de verificación . Usted derecho a que el texto es siempre en el lado derecho de la casilla de verificación pero me refiero a que en el lado derecho de la «botón»
InformationsquelleAutor PMe | 2013-02-05

6 Comentarios

  1. 1

    Agregar un classname o ID de la etiqueta como la siguiente:

    <label for="checkbox-1" class="chkbox">I agree</label>

    A continuación, agregar regla css para la clase,

     .chkbox {
       padding-left: 10px;
       font-weight: bold;
     }

    Puede dar relleno de la frontera, o sea cual sea el estilo u como para la etiqueta.

    Demo: DEMO DE VIOLÍN

  2. 3

    acaba de agregar estilo en la etiqueta requerida

    <label for="checkbox-1" style="float:right">I agree</label>
  3. 0

    usando jquery

    $(function(){ 
     $('label[for="checkbox-1"]').css({right: 50});
    });

    O

    $('label[for="checkbox-1"]').css({'margin-left': 50});

    el violín aquí

    • Esto puso el agujero «botón» para el derecho, no el texto
  4. 0

    Fijar la anchura del campo de entrada y de la etiqueta y flotar.

    Por ejemplo:

    input {
       width: 200px;
       float:left;
    }
    
    label {
       width:300px;
       float:left;
    }

    Y claro su flota después.

  5. 0

    Si usted tiene esta controles en el archivo html

    <label for="2">Laparoscopic surgery</label>
    <input type="checkbox" name="question" value="14" class="clickable" id="2"  />

    Es suficiente para hacer esto en css:

    .clickable{
        float: left;
    }
  6. 0

    Flotador de la casilla a la derecha y la etiqueta a la izquierda, y establecer la posición de las etiquetas en absoluto.

        <input type="checkbox" name="question" value="14" class="clickable" id="2"  
        style="float: left;"/>
        <label for="2" style="float: right; position: absolute;">Laparoscopic 
        surgery</label>

    Si usted acaba de poner el texto de la etiqueta a la derecha de la caja, sin una etiqueta, que no causa la casilla de verificación para ser revisado cuando se hace clic.

Dejar respuesta

Please enter your comment!
Please enter your name here