如何使用边框设置输入位置：纯色透明答案

【问题标题】：How to setting input position with border:solid transparent如何使用边框设置输入位置：纯色透明
【发布时间】：2018-01-30 11:21:58
【问题描述】：

在我的项目中，我遇到了 CSS 定义的问题。

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

  Jack Tom Shansa Stack

但是Jack应该是和文件输入绑定的，而且它的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
              Tom Shansa Stack

我曾尝试在输入样式和样式中添加top:8px，但效果不佳。

我将 top:8px 更改为 upBtDiv 样式的 padding :5px ，但又失败了。

好像没什么问题，但是不知道怎么设置Jack的位置。

谁能帮帮我？

【问题讨论】：

标签： jquery html css html-table

【解决方案1】：

删除

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

【讨论】：

【解决方案2】：

在 upBtDiv 上使用vertical-align: middle;

没有vertical-align:middle;

with vertical-align: middle;

如果您仍然遇到问题，请说明您使用的是哪种浏览器。您也可以尝试关闭 position: relative;

【讨论】：

.upBtDiv{position:relative;overflow:hidden;display:inline-block;*display:inline;vertical-align:middle}，工作失败