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

Question

出于某种原因，当我在文件输入中使用检查元素时，它会显示它应该在哪里。但它的行为方式并非如此。转到 oceankarma.co 并单击顶部的帖子。然后尝试单击 youtube 图标。请帮忙

Answer 1

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

1. 使用相同的尺寸。

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

如果您执行上述操作，它应该会给出您期望的结果。

Answer 2

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

Answer 3

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

#servicetable tr td {
    position: relative;
}

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

另请注意，您不能为文件输入设置光标属性。您可以阅读此问题以获取更多信息