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