有没有人遇到过这种问题:input框移动,但是框内文字移动不同步

痕迹绝陌路
  • 342

input框的位置会来回动,但是里面的内容却总是往下走
原始状态:
clipboard.png
input位置下降后:
clipboard.png
input回到原来位置:

clipboard.png

代码:

css:        #i_talk{
            border:1px solid #ccc;
            border-radius:6px;
            -moz-border-radius:6px; /* Old Firefox */
            width: 509px;
            height: 44px;
            position: absolute;
            left: 52px;
            top:313px;
            z-index: 1000;
            text-align: left;
            vertical-align: middle;
        }
html:
   <span id="choose_talk">选择话题</span>
             <br>
  <input type="text" id="i_talk" name="talk" value=" 搜索提案所属的话题" style="color:#838B83;">
js:
   $("#insert_a").click(function(){
    if($("#middle").css("height") != "203px")
    {
        //$("#middle").css("height","203px");
        //$("#hypomere").css("top","330px");
        //$("#sub").css("top","370px");
        //$("#choose_talk").css("top","294px");
        $("#i_talk").css("top","313px");
    }
    else{
       // $("#middle").css("height","233px");
        //$("#hypomere").css("top","360px");
       // $("#sub").css("top","400px");
       // $("#choose_talk").css("top","324px");
        $("#i_talk").css("top","343px");
    }
})
回复
阅读 3.9k
1 个回答

这貌似是浏览器兼容性问题,你换个浏览器试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏