样式提交按钮包含文本和图像

时间:2014-08-26 02:42:58

标签: html css

我一直在尝试设置提交按钮的样式。我试图让它成为一个红/暗红色渐变和边框的图像,其中包含"搜索"在中间,然后在"搜索"之后的一个小放大镜。很容易......但是当窗口调整大小而不拉伸文字/放大镜时,它需要能够在宽度上拉伸。它还需要在destkop,移动设备和平板电脑上工作。我该怎么做呢?

2 个答案:

答案 0 :(得分:1)

这是你瞄准的效果吗?

<img width="in %">

演示:http://jsfiddle.net/e2qpfakq/5/

答案 1 :(得分:0)

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

width: 70%;

使用SVG图像作为背景以及背景尺寸:封面。

Example fiddle