<input class="file-input wd-fl ht-fl" type="text" /> 怎么去掉聚焦时的边框 以及写提示语

这段HTML代码描述了一个输入框，class名为"file-input wd-fl ht-fl"，类型为"text"。这里的`wd-fl`和`ht-fl`可能是自定义的类名，分别表示宽度填充(`width fill`)和高度填充(`height fill`)，但它们本身并不直接关联于去除聚焦边框和显示提示语。

如果你想在文本框获得焦点时移除边框，你可以使用CSS的`:focus`伪类并设置`outline`属性为`none`或者透明颜色，例如：

.file-input:focus {
  outline: none; /* 移除默认边框 */
  border-color: transparent; /* 或设置为透明色 */
}

如果你还想在输入框为空时显示提示文字，通常可以利用`placeholder`属性或者JavaScript动态改变`<span>`标签的内容：

<input class="file-input wd-fl ht-fl" type="text" placeholder="请输入文件">
<!-- 或者 -->
<span class="file-input__placeholder">请输入文件</span>
<script>
  document.querySelector('.file-input').addEventListener('focus', function() {
    this.parentNode.querySelector('.file-input__placeholder').style.display = 'none';
  });
  document.querySelector('.file-input').addEventListener('blur', function() {
    if (this.value === '') {
      this.parentNode.querySelector('.file-input__placeholder').style.display = '';
    }
  });
</script>

这里假设`.file-input__placeholder`是隐藏的提示文字所在的元素类名。