html - 如何使用 CSS 在图像类型输入中插入文本

Question

我正在尝试在输入图像上插入文本，如下图所示

即我有

<input id="faq" type=image" src="img_path"/>

我想使用 CSS 在上面添加文本。(我也应该处理文本的位置)

有什么办法吗？

Answer 1

.container {
  position: relative; 
}

.text {
  position: absolute; 
  font-size: 12px;
  left: 10px;
  top: calc(50% - 9px); 
  color: red;
}

<div class="container">
  	<div class="text">FAQ</div>
  	<input class="imgInput" id="faq" type="image" src="/image/I5t4o.gif">
</div>

这是一种方法。这可能不是您要找的东西，但这是一种方法。