If you use a <button> instead of an <input> it'll do the trick...
<button class="btn" id=""><i class="icon-search"></i></button>
By default, a <button> will act as a type="submit" and submit the form.
On Wednesday, 20 June 2012 00:49:24 UTC+1, Phil Doughty wrote:
>
> I want something similar to Gmail's [image: Inline images 1]
>
> Is there a way other than:
>
> input#searchsubmit.btn{
> background-image: url("../img/glyphicons-halflings.png");
> background-position: -48px 0;
> background-repeat: no-repeat;
> display: inline-block;
> height: 14px;
> line-height: 14px;
> vertical-align: text-top;
> width: 14px;
> }
>
> To visually get:
> <i class="icon-search"></i>
>
> Inside a:
>
> <input type="submit" class="btn" id="searchsubmit" value="Find">
>
>
>
> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
>
>
>
>
