Css afecta a mi buscador google

[ivanaguilarpro]

Hola amigos de foros del web
tengo un problemilla en mi blog y quiero que me echen una mano.

e insertado en una espacio de publicidad que tienen mi template el codigo que me da google adsense para busqueda en la parte superior derecha de mi sitio.

y sale de una manera diferente, y se me ocurre que esta afectando el css del template al codigo google por que lo e probado en diferentes lugares del sitio y sigue saliendo de la misma manera (el boton buscar de google se ve diferente)
mi pagina es: www.lasdemas.com

y no se en que parte del codigo css lo puedo encontrar.
aqui os dejo el css http://www.lasdemas.com/wp-content/themes/redcarpet/styles/default.css

aver si me ayudan a encontrar la linea para poder modificarlo.

MUCHAS GRACIAS

[pzin]

¿En qué afecta al anuncio? Yo creo que no afecta, ya que el anuncio está en un iframe, y en iframes no afecta el estilo que tenga la página definido.

[saul123]

Hola

Supongo que tu problema es el botón donde dice buscar , quizá sea una imagen y no encuentra la imagen del botón mira el imput de botón que en el type si dice image .

[kseso?]

Tiene tres declaraciones que afectan al campo buscar:
Declarado en línea (en el propio html)

Código HTML:

<input type="text" class="clearfield" id="findfield" name="s" value="Buscar" style="color: rgb(102, 102, 102);">
 

Declarado en el archivo default.css

Código CSS:

/* en default.css (línea 109)*/
#searchtop input {
    vertical-align: middle;
}
/* en default.css (línea 113)*/
#findfield {
    color: #888888;
    margin-right: 2px;
    padding: 1px;
    width: 130px;
}
 

Añada en cualquiera de estas dos últimas los estilos que necesite modificar. Si es el color añada el /!important/ si no puede eliminar el estilo en línea.
Y la imagen del botón buscar (la lupa) yo si la veo en ff 4

[ivanaguilarpro]

ya e eliminado los css que afectaban el boton del buscador adsense pero sigue persistiendo el boton cuadrado que no es como el de google.

otra vez aqui os dejo el nuevo css:
http://www.lasdemas.com/wp-content/themes/redcarpet/styles/default.css

y la web: www.lasdemas.com

aver si me dicen que estoy haciendo mal o que no e visto?

GRACIAS NUEVAMENTE

[daidalos]

El problema es algo complicado, tu css tiene un fix global, esta en la linea 1

* {
border: 0 none;
font-family: arial;
font-size: 1em;
margin: 0;
outline: 0 none;
padding: 0;
text-decoration: none;
vertical-align: baseline;
white-space: normal;
}

el asterisco significa que ese estilo se aplica a todos lo elementos, incluyendo los botones. Los botones crean ese efecto 3D usando bordes de diferentes colores, al eliminar los bordes tu boton se vuelve plano

usa este selector para afectar unicamente al botón y darle el estilo que quieras:

#cse-search-box input {

}

[ivanaguilarpro]

Iniciado por daidalos

El problema es algo complicado, tu css tiene un fix global, esta en la linea 1

* {
border: 0 none;
font-family: arial;
font-size: 1em;
margin: 0;
outline: 0 none;
padding: 0;
text-decoration: none;
vertical-align: baseline;
white-space: normal;
}

el asterisco significa que ese estilo se aplica a todos lo elementos, incluyendo los botones. Los botones crean ese efecto 3D usando bordes de diferentes colores, al eliminar los bordes tu boton se vuelve plano

usa este selector para afectar unicamente al botón y darle el estilo que quieras:

#cse-search-box input {

}

Me funciono quitandole el border 0 pero en internet explorer mi pag se ve con bordes.
como haria solo para decirle al css que el boton sea normal y dejar el border 0 como estaba?