如何使用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="https://i.stack.imgur.com/I5t4o.gif">
</div>

这是一种方法。这可能不是你想要的，但这是一种方法。