Color en formulario que usa autocomplete

[rubiomike]

Hola a todos, tengo una web en la que el buscador principal usa jquery autocomplete para ir mostrando los resultados coincidentes. El autocomplete funciona correctamente, pero tengo un problema:

Al dar estilo al formulario con un fondo negro y letras en blanco, lo que ocurre es que cada vez que se presiona una tecla el formulario se vuelve blanco durante el momento que tarda en hacerse la consulta. ¿Sabe alguien como puedo arreglar este problema?

Como no quiero que me digan que hago spam, no dejo de momento el link de mi web.

Un saludo a todos y gracias.

[linuxzero]

No es spam si realmente la url ayuda a comprender el problema y debido a que no tengo leveleado mucho el poder de adivinar todavia, si posteas el codigo puede que te podamos dar una mano

[Rodrhigo]

Y esto que tiene que ver con PHP?... xD

Creo que debes tener una funcion onKeyPress o algo similar en tu input que hace que cambie de color....

O puede ser que estes imprimiendo desde tu servidor un fondo blanco(dificil....pero puede ser)...

Lo mejor seria dejar tu formulario en blanco con letras Negras . ... o que muestres el codigo de tu form.

Presiona Ctrl+Shift+I .....es mas facil inspeccionar el codigo de esa forma.

[rubiomike]

Primero gracias por responder. No me he dado cuenta de que estaba en el foro de PHP.

El formulario tiene el siguiente código:

Código HTML:

<form action="/resultados.php" method="GET">
<input type="text" id="autocomplete" class="buscador_arriba"
name="s" value="Buscar películas, artistas..."
onblur="if (this.value == '')  
{this.value = 'Buscar películas, artistas...';}"  
onfocus="if (this.value == 'Buscar películas, artistas...')  
{this.value = '';}" /> 
</form>
 

El código jQuery es el siguiente:

Código Javascript:

var q = jQuery.noConflict();
        q().ready(function() {
            q("#autocomplete").autocomplete("/includes/buscar_autocomplete.php", {
                minChars: 1, 
                highlight: false,
                delay: 0,
                width: 424, 
                scroll: false, 
                scrollHeight: 400, 
                selectFirst: false,
                maxItemsToShow: 15,   
                formatItem: function(data, i, n, value) { 
                return value; 
                },
                formatResult: function(data, value) { return value.split("    ")[1]; 
                    }
             });
        });
 

Y el CSS es:

Código CSS:

.buscador_arriba {
 
    width: 420px;
    height: 26px;
    padding-left: 5px;  
    background-color: #222;
    color: #fff;
    font-weight: bold;  
    border: 1px solid #333;
}
 

Si lo dejo en blanco no hay problema, lo que pasa es que para el diseño de la página es mejor así. Un saludo a todos y gracias.

[Rodrhigo]

Me acabo de conectar :/ y no se ve ninguna funcion en el input o en el form que podria estar causando ese comportamiento.
Si quieres me envias la direccion de tu web por MP y le hecho un Ojo..