小编Ezh*_*per的帖子

我需要鼠标单击并拖动而不是水平滚动条.

当我单击并拖动应该向左/向右移动的子div时拖动方向.

演示链接

任何使用css或jquery/JS的解决方案

我的css代码:

    .parent{width:300px; border:5px sold red; overflow:hihdden; 
     float:left;}
    .child{ width:1000px; float:left; font-size:15px; 
     font-family:arial; padding:10px;}

DEMO

我试过css appearance: none;来隐藏选择下拉箭头.但在IE9箭头显示.供参考,请参阅图像.

知道如何使用css或jquery隐藏箭头吗？

这是我的代码:

    .fields-set select{
height:32px;
border:1px solid #ccc;
margin: 0 19px 0 1%;
padding:0 32px 0 1%;
width:55%;
float: left;
overflow: hidden;
background:url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR3xT6PSVebCcTYjggESCb55GBM91fGgbyrMFbs3CGeFoQjFwVB") no-repeat scroll right center padding-box border-box #FFF;
box-shadow: none;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
    -ms-appearance: none  \9;
     -o-appearance: none;
    }

在拖动<div>进行排序的同时,如果我拖动容器外的任何框,它就会出现在容器之外<div>.我不想要这个.

我除了输出是排序时,拖动(例如绿色背景div之上)<div>不应该在父/容器DIV之外.

演示链接

$(function () {
  $(".drag_wrapper").sortable({
    connectWith: ".drag_wrapper"
  }).disableSelection();
});