为什么我的文件输入未对齐？

Question

出于某种原因，当我在我的文件输入上使用inspect元素时，它会显示它应该在的位置。但它不是那样的。转到oceankarma.co并点击顶部的帖子。然后尝试单击youtube图标。请帮忙

Answer 1

所有图标都有不同的尺寸。 Youtube，Vimeo图标放置在标签中，而其他黑色图标用作背景。这导致了不同的风格。

1. 使用相同的尺寸。

2. 相同的样式（背景图片除外，因此所有内容都可以通过<img>标记调用为背景或所有内容）

如果您执行上述操作，则应该提供您期望的结果。

Answer 2

我相信你所指的问题是隐藏文件输入溢出到youtube链接，尝试将其添加到你的CSS来修复它：

#servicetable tr td {
    position: relative;
}

#upload_video input, #upload_photo input {
    position: absolute;
    left: 0;
}

另请注意，您无法为文件输入设置cursor属性。您可以阅读this question了解更多信息

Answer 3

很抱歉，但现有的答案都没有帮助我。有点像koala_dev所说的，输入是溢出的。所以我在容器中添加了一个简单的overflow:hidden样式并修复了它。