OPTR丶
2017-04-10 03:58
采纳率: 80%
浏览 1.5k

html5移动开发使用JQuerymobile textarea高度无法调整

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>提交界面</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- 引入JQ Mobile所需CsS -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<!-- 引入JQ 脚本文件提高对 JQmobile支持 -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- 引入JQ Mobile所需脚本文件 -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

<body>
  <div data-role="page" data-theme="a">
     <div data-role="header" data-position="fixed">
      <a href="index.html" data-role="button">返回</a>
        <h1>新建作业</h1>
     </div>
     <div data-role="content" >
     <label for="name">心得体会:</label>
     <textarea   id="feel"  style=" "></textarea> 
     <!-- 禁止textarea自动增长 -->
     <script>$(function () { $("#feel").textinput("option", "autogrow", false); })</script>

     </div>
     <div data-role="footer" data-position="fixed">
        <div data-role="navbar" data-position="fixed">
           <ul>
             <li><a href="#">创建作业</a></li>
           </ul>
        </div>

     </div>
  </div>
</body>
</html>

textarea中 width height row col 中row、height不可以调节高度 查到网上解决办法是在style中添加

 style="textarea.ui-input-text { min-height:90px; };"

调节最小窗口大小,结果还是不可以使用。请问各位大神 是我添加textarea.ui-input-text { min-height:90px; }到样式添加错了吗?还是有其他办法可以调节默认窗口大小? 小白刚刚学习html5 希望大神帮帮忙!感谢!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • qq_24581629 2017-04-10 04:33
    已采纳

    添加的错了.
    应该这样:

    <style>
     textarea.ui-input-text{min-height:90px;}
     </style>
    
    点赞 评论
  • 前端○萌妹 2017-04-10 06:21

    改变样式,要么通过css样式,即在页面style标签中添加,如:textarea.ui-input-text{min-height:90px;};
    要么通过js,获取要改变样式的元素,然后添加样式,如 $('#feel').css('min-Height','90px');
    document.getElementById('feel').style.minHeight="90px";

    点赞 评论

相关推荐 更多相似问题