更改 Mobiscroll 的数字点击组件的宽度

Question

美好的一天，

Mobiscroll 的 "number" 组件中似乎有一个错误，因为无论我如何尝试，我都无法达到我指定的宽度大小。我必须使用 2.14.0 或更高版本，因为 Custom Theme Builder 不适用于旧版本。我可以在旧版本上调整宽度，但我不能在旧版本上使用主题生成器。所以我将 Mobiscroll 版本 2.14.3 与我的自定义主题一起使用。下面是我如何简单地使用默认 ios7 主题和宽度设置仍然不起作用：

showPassengerPicker('#numAdults_rt', '#numChildren_rt', '#numInfants_rt');

function showPassengerPicker(var1, var2, var3)
{
     $(var1).mobiscroll().number({
         theme: 'ios7',
         display: 'inline',
         language: 'en',
         mode: 'clickpick',
         showLabel: false,
         maxWidth: 40,
         minWidth: 40,
         fixedWidth: 40,
         height: 20,
         rows: 3,
         wheels: [ 
                   [ 
                    { 
                        label: '', 
                        keys: [1, 2, 3, 4, 5],  
                        values: ['1', '2', '3', '4', '5']
                    }                           
                   ] 
                 ]
         }); 
}

我正在使用 Mobiscroll 文档中的所有可用设置来设置宽度，但其中 none 有效。

这是 HTML 部分：

 <div align="center" style="margin-top:25px;">
       <div id="numAdults_rt" class="numAdults_rt wheelPickerDiv"></div>
       <div id="numChildren_rt" class="numChildren_rt wheelPickerDiv"></div>
       <div id="numInfants_rt" class="numInfants_rt wheelPickerDiv"></div>
 </div>

拜托，有人可以告诉我如何减小数字点击选择组件的宽度以使其宽度减小吗？我需要减小宽度，但设置的 none 有效。我做错了什么？

在此先感谢您，维克多.

Answer 1

我很幸运地找到了答案。在 mobiscroll.custom-2.14.3.min.css 中有一个 min-width 元素。我在所有具有非零像素值的地方都设置了 min-width:0 。现在这些控件两边都没有额外的 space。

更改 Mobiscroll 的数字点击组件的宽度

change width of number clickpick component of Mobiscroll

html

css

mobiscroll