gpt4 book ai didi

Jquery Mobile 1.3 和输入大小问题?

转载 作者:行者123 更新时间:2023-12-01 06:27:46 25 4
gpt4 key购买 nike

我正在使用 Jquery mobile 1.3。我有一个输入,

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

问题是它的大小总是很大。如何让它变小,

http://jsfiddle.net/2bWfL/163/

<head> 
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>

<div data-role="page">

<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->

<div data-role="content">

<input type="text" style="width:75px"/>
</div><!-- /content -->

</div><!-- /page -->

</body>

最佳答案

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

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

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

关于Jquery Mobile 1.3 和输入大小问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15609998/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com