jquery - 如何设置带边框的输入位置:solid transparent

Question

在我的元素中，我遇到了 CSS 定义的问题。

我希望 Jack、Tom、shansa 和 Stack 在同一水平线上，例如:

  Jack Tom Shansa Stack

但是Jack应该是和文件输入绑定(bind)的，它的css定义和其他的不一样。

这是 css 和 html 代码:

.upBtDiv {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /*display: inline;*/
  top: 8px
}

.upBtDiv a {
  cursor: pointer
}

.upBtDiv input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}

<table border="2px" cellspacing="0">
  <tr>
    <td style="width:85%" colspan="10">
      <div style="padding:5px" id="attFId">
        <div class="upBtDiv">
          <a href="javascript:void(0)" class="easyui-linkbutton" onclick="fUpl()" data-options="iconCls:'icon-newfile'">Jack</a>
          <input type="file" id="iT">
        </div>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-more'">Tom</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">Shansa</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-tip'">Stack</a>
      </div>
    </td>
  </tr>
</table>

现在， jack 高人一等。喜欢:

         Jack
              Tom Shansa Stack

我尝试在输入样式和样式中添加 top:8px，但都失败了。

然后我把 top:8px 改成 upBtDiv 样式的 padding:5px，又失败了。

貌似没问题，就是不知道怎么设置Jack的位置。

谁能帮帮我？

Answer 1

删除

.upBtDiv a {cursor: pointer}//delete, and works ok