使用文本和图像设置提交按钮的样式

【问题标题】：Styling submit button with both text and images使用文本和图像设置提交按钮的样式
【发布时间】：2014-08-26 11:22:52
【问题描述】：

我在尝试设置提交按钮的样式时遇到了麻烦。我正在尝试使其成为具有红色/深红色渐变和边框的图像，中间带有“搜索”字样，然后是“搜索”字样之后的小放大镜。很容易......但它需要能够在窗口调整大小时拉伸宽度而不拉伸文字/放大镜。它还需要在 destkop、手机和平板电脑上运行。我该怎么做呢？

【问题讨论】：

标签： html css

【解决方案1】：

这就是你想要的效果吗？

<img width="in %">

【讨论】：

【解决方案2】：

以百分比定义按钮的宽度，这将起作用。

width: 70%;

使用 SVG 图像作为背景以及 background-size: 封面。

【讨论】：