Haga coincidir el ancho del menú de selección con el campo de entrada de texto en jquery

Estoy usando jquery-mobile para obtener información de un usuario. Parece que no puedo alinear el ancho de mi menú de selección con el ancho de los campos de entrada de texto.

En mi violín, el menú de selección debería tener el mismo aspecto que los dos campos de entrada de texto. Puedo hacer coincidir los colores de fondo y borde de mi menú de selección para que luzca como los campos de entrada de texto. Pero cuando ajusto el ancho del menú de selección, no se alinea de manera consistente con diferentes teléfonos y orientaciones.

Nota: no estoy seguro de por qué, pero ".wide .ui-select .ui-btn" en mi css ajusta el color y el borde del menú de selección, pero no lo hace en el violín. Sin embargo, no sé cómo hacer coincidir los anchos para diferentes navegadores.

http://jsfiddle.net/halogenmobile/DWTkD/1/

Gracias de antemano.

preguntado el 03 de mayo de 12 a las 21:05

Ponle un fijo a todo input en tu CSS. -

4 Respuestas

http://jsfiddle.net/DWTkD/2/

select {
    background: black;
    border: 2px solid white;
    color: #fff;
    padding: 2px;
    width: 123px;
}

​

contestado el 03 de mayo de 12 a las 21:05

Es difícil saberlo sin aplicar jQuery Mobile CSS también, pero mi mejor suposición sería que el box-sizing podría ser diferente, o que alguna cantidad de relleno lo está cambiando. Si tiene una versión en vivo en algún lugar que podamos explorar, compártala.

contestado el 03 de mayo de 12 a las 21:05

Su entrada y selección dentro de los elementos dom etiquetados como class="wide" están usando sus anchos predeterminados. Use algo como esto para controlar mejor sus anchos:

.wide input, .wide select {
    width: 100%;
}

editar width: 100% con width: 123px para sazonar al gusto.

contestado el 03 de mayo de 12 a las 21:05

esto podría funcionar:

$(document).ready(function(){
    $.each($('select'), function () {
        $(this).selectmenu({ width : $(this).attr("width")})
    })
})

Respondido 10 Oct 12, 13:10

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.