[SOLUCIONADO] problemas con borde, como quitar?

[blackmel25]

hola, tengo problemas con dos bordes que no los puedo remover uno esta en el fromulario(imagen 1) y otro en el input(imagen 2), e intentado de todo(DE TODO!) para quitar esos borde pero no entiendo porque no se quitan....

dejare los códigos (html y css) mas abajo...

imagen 1(en esta solo sale el borde cuando le doy clic para entrar lo quie voy a buscar)

[URL=http://www.subirimagenes.net/i/13032211202361946.png][IMG]http://sia1.subirimagenes.net/img/2013/03/22/13032211202361946.png[/IMG][/URL]

imagen 2

[URL=http://www.subirimagenes.net/i/130322110851162311.png][IMG]http://sia1.subirimagenes.net/img/2013/03/22/130322110851162311.png[/IMG][/URL]

Código HTML:

<div id="search">
 <form action="#" method="get">
  <div>
	<input type="text" class="text" name="query" value="Buscar..." onfocus="this.value='';" onblur="this.value='Buscar...'" />
   </div>


<div>
<input type="image" class="lupa" name="Buscar"/>

</div>
</form>
</div> 

Código CSS:

#search { 
     float: right; 
     width: 275px; 
     /*margin: 23px 18px;*/
    margin-top: 7px;     
     display: inline;
         }
     
    #search .text { 
    width: 227px; 
    height: 16px;
    border: 1px solid #000; 
    padding: 5px; 
    float: left; 
    color: #888; 
    background-color: #666;
    border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
    }
    
    #search .lupa{
        background-image: url(../img/1363510757_Search.png);
        width: 24px;
        height: 24px;
        border:none;
        margin-left: 5px;
    }
    
    #search .lupa:hover {
        /*background-image:url(../img/lupa2.png);*/
    }
 

agradeceria que sean específicos(soy novato en el desarrollo web) desde ya gracias por sus respuestas..

[pzin]

Supongo que será el outline lo que quieres quitar.

Código CSS:

outline: none;
 

[blackmel25]

Iniciado por Bonez

Supongo que será el outline lo que quieres quitar.

Código CSS:

outline: none;
 

gracias me funciono con el formulario, pero con la imagen del input no :(

no entiendo porque sucede esto, sabes como podría quitarlo?

gracias por responder...

[pzin]

No sé si funcionará, no recuerdo la última vez que usé una imagen para un botón, pero prueba así:

Código CSS:

border: none;
 

Si no funciona habrá que ahondar.

[blackmel25]

Iniciado por Bonez

No sé si funcionará, no recuerdo la última vez que usé una imagen para un botón, pero prueba así:

Código CSS:

border: none;
 

Si no funciona habrá que ahondar.

no paso nada :(

quiero resaltar algo, aun que quite la imagen ese borde blanco sigue ahí, e leído re-leído y re-leído todo el código y no encuentro el motivo, no se si me estoy saltando algo(lo mas seguro)... empiezo a creer que tiene que ver algo con el width y el height, pero no se bien que pueda ser....

me darías un consejo?

[pzin]

En vez de pasar la imagen como fondo, pásala como valor del atributo src.

Código HTML:

<input type="image" src="../img/1363510757_Search.png" value="Buscar" />
 

Que además es lo correcto ya que el type es image.

[blackmel25]

Iniciado por Bonez

En vez de pasar la imagen como fondo, pásala como valor del atributo src.

Código HTML:

<input type="image" src="../img/1363510757_Search.png" value="Buscar" />
 

Que además es lo correcto ya que el type es image.

Gracias! funciono a la perfeccion!