如何设置文件上载按钮的“未选择文件”工具提示的样式，以便将其放置在按钮下方？

<input type="file" id="upload-btn" />

#upload-btn {
  position: relative;
}

#upload-btn:before {
  content: "未选择文件";
  position: absolute;
  bottom: -20px; /* 调整这个值以控制工具提示的位置 */
  color: #999; /* 设置工具提示文字的颜色 */
  font-size: 12px; /* 设置工具提示文字的字号 */
}

#upload-btn:hover:before {
  content: ""; /* 鼠标悬停时隐藏工具提示内容 */
}