Jquery Mobile 1.3和输入大小问题?

Jquery Mobile 1.3和输入大小问题?,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,我正在使用jquerymobile1.3。我有意见 <input style="width: 75px" type="text" /> 问题是它的尺寸总是很大。如何使它变小 我的页面 我的头衔 JQuery Mobile的所有控件都有默认大小(以百分比表示),而且JQM将我们编写的html标记替换为它自己生成的标记(通常是跨距),因此为了更改文本框的宽度,请在页面的页首添加以下代码 <style type="text/css"> .ui-inp

我正在使用jquerymobile1.3。我有意见

        <input style="width: 75px" type="text"  />

问题是它的尺寸总是很大。如何使它变小


我的页面
我的头衔

JQuery Mobile的所有控件都有默认大小(以百分比表示),而且JQM将我们编写的html标记替换为它自己生成的标记(通常是跨距),因此为了更改文本框的宽度,请在页面的页首添加以下代码

<style type="text/css">
.ui-input-text
{
width: 75px !important;
}
</style>

.ui输入文本
{
宽度:75px!重要;
}

由于JQM控件会根据屏幕大小进行自我调整,因此建议使用百分比而不是“px”值或“em”。

JQuery Mobile对其所有控件都有默认大小(以百分比为单位),并且JQM会用其自己生成的标记(通常是span)替换我们编写的html标记,因此,为了更改文本框的宽度,请在页面头部添加以下代码

<style type="text/css">
.ui-input-text
{
width: 75px !important;
}
</style>

.ui输入文本
{
宽度:75px!重要;
}

由于JQM控件会根据屏幕大小自行调整,因此建议使用百分比,而不是“px”值或“em”。

如果您希望在同一页面上输入不同大小的文本,请像这样从CSS中删除宽度属性

div .ui-input-text {  padding: 0 .4em; } 
然后在您的html页面上,无论您在哪里定义输入文本,都按如下所示定义它

<div style="width:30px"><input type="text" placeholder="01"> 

因此,在div标记中定义所需的宽度,就可以为不同的文本输入指定不同的宽度。 希望这个答案对像我这样的非设计师人士有所帮助


谢谢

如果您希望在同一页面上输入不同大小的文本,请像这样从CSS中删除宽度属性

div .ui-input-text {  padding: 0 .4em; } 
然后在您的html页面上,无论您在哪里定义输入文本,都按如下所示定义它

<div style="width:30px"><input type="text" placeholder="01"> 

因此,在div标记中定义所需的宽度,就可以为不同的文本输入指定不同的宽度。 希望这个答案对像我这样的非设计师人士有所帮助


谢谢

要缩小文本框的大小吗?这就是您想要的吗?\n是否要减小文本框的大小?这就是你想要的吗\