css - 可以将背景图像添加到输入字段的值吗？

Question

我有一个如下所示的输入字段:

<input type="submit" value="CONTINUE" name="submit" class="submitButton">

输入上有一个背景图像，已经赋予它纹理，所以我想添加另一个背景图像而不覆盖原始图像。

我有一个 png 箭头需要在“CONTINUE”之后显示，并尝试了几种方法将其显示在页面上，包括在 CSS 中添加一个 after 属性:

input.submitButton:after{.....}

以及尝试将 div 放入值中(值得一试)，但我无法显示它。

有没有不用绝对定位的方法呢？

Answer 1

只需使用 <button>标签

Fiddled here

HTML:

<button type="submit" name="submit" class="submitButton">
    Text inside button <span class="spanner">&rarr;</span>
</button>

CSS:

.spanner {
    background-color:red;
    border-left:4px solid green;
}