我有一个如下所示的输入字段:
<input type="submit" value="CONTINUE" name="submit" class="submitButton">
输入上有一个背景图像,已经赋予它纹理,所以我想添加另一个背景图像而不覆盖原始图像。
我有一个 png 箭头需要在“CONTINUE”之后显示,并尝试了几种方法将其显示在页面上,包括在 CSS 中添加一个 after 属性:
input.submitButton:after{.....}
以及尝试将 div 放入值中(值得一试),但我无法显示它。
有没有不用绝对定位的方法呢?
最佳答案
只需使用 <button>
标签
HTML:
<button type="submit" name="submit" class="submitButton">
Text inside button <span class="spanner">→</span>
</button>
CSS:
.spanner {
background-color:red;
border-left:4px solid green;
}
关于css - 可以将背景图像添加到输入字段的值吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15276468/