小编zom*_*dar的帖子

我有2个数组,我想"减少"到1个对象.

例如:

我有..

var originalData = [1,2,3];

var newData = [3,1,2];

我想将这两个数组组合成一个如下所示的对象:

var newOrderObject = {1:3, 2:1, 3:2};

即时通讯使用reduce函数,但它似乎是以不同的方式映射它们

var newOrderObject = originalData.reduce(function(newData) {
  var orderObject = {};
  originalData = newData;
  return orderObject;
}, {});

任何建议都会被认可

所以现在我有一个简单的datalist下拉菜单，我想更改它的CSS，以便样式与网站上的其他字段匹配。但是我是一个网页设计的菜鸟，我有点困惑，以完成此过程。

请参阅：http : //jsfiddle.net/ryax5L29/20/

<input list="ServiceCity">
<datalist id="ServiceCity" name="ServiceCity"class = "atl_services">
            <option value "" disabled selected>Select City/County</option>
            .......other values
        </datalist>

这是我要使用的CSS

input{
    padding: 7px;
    outline: none;
    max-width: 100%;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
    width: 88.5%;
    border: 1px solid GREY;
    box-shadow: 0px 0px 3px GREY;
    }

我也有CSS，imo内联CSS是最容易的，但是如果有人可以指导我，那将非常感谢！

现在我使用锚标记为帮助图标生成问号.看起来像这样

但我希望问号看起来像这样:

我不确定如何用CSS来设计它看起来像第二个.如何创建1)圆圈和2)具有渐变的背景？