Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将选择菜单的宽度与jquery中的文本输入字段匹配_Jquery_Html_Css_Jquery Mobile - Fatal编程技术网

将选择菜单的宽度与jquery中的文本输入字段匹配

将选择菜单的宽度与jquery中的文本输入字段匹配,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,我使用jquery mobile从用户那里获取信息。我似乎无法将选择菜单的宽度与文本输入字段的宽度对齐 在我的小提琴上,选择菜单看起来应该和两个文本输入字段一样。我能够为我的选择菜单匹配背景和边框颜色,使其看起来就像文本输入字段一样。但当我调整选择菜单的宽度时,它不会与不同的手机和方向保持一致 注意:我不知道为什么,但是css上的.wide.ui select.ui btn确实会调整选择菜单的颜色和边框,但它不会在小提琴上进行调整。然而,我不知道如何匹配不同浏览器的宽度 提前谢谢 如果没有jqu

我使用jquery mobile从用户那里获取信息。我似乎无法将选择菜单的宽度与文本输入字段的宽度对齐

在我的小提琴上,选择菜单看起来应该和两个文本输入字段一样。我能够为我的选择菜单匹配背景和边框颜色,使其看起来就像文本输入字段一样。但当我调整选择菜单的宽度时,它不会与不同的手机和方向保持一致

注意:我不知道为什么,但是css上的.wide.ui select.ui btn确实会调整选择菜单的颜色和边框,但它不会在小提琴上进行调整。然而,我不知道如何匹配不同浏览器的宽度

提前谢谢


如果没有jquerymobilecss的应用,很难说清楚,但我最好的猜测是框大小可能不同,或者一些填充正在改变它。如果您有一个我们可以查看的实时版本,请与我们共享。

您的输入和选择在标记为class=wide的dom元素中使用其默认宽度。使用类似的方法更好地控制其宽度:

.wide input, .wide select {
    width: 100%;
}
编辑宽度:100%,宽度:123px,根据口味调味。

这可能适用于:

$(document).ready(function(){
    $.each($('select'), function () {
        $(this).selectmenu({ width : $(this).attr("width")})
    })
})
为CSS中的所有输入设置一个固定的with。
$(document).ready(function(){
    $.each($('select'), function () {
        $(this).selectmenu({ width : $(this).attr("width")})
    })
})