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个回答

添加的错了.
应该这样:

<style>
 textarea.ui-input-text{min-height:90px;}
 </style>

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问