Algunos estilos CSS para las cajas de búsqueda
Esta lista de estilos funciona perfectamente con el buscador en AJAX.
Los estilos no se aprecian correctamente debido a la hoja de estilo de mi sitio, pero si la aplican directamente en un documento en limpio podrán verlo mejor.
Me tomó casi 5 horas hacer la primera caja de búsqueda, es un completo dolor de cabeza intentar hacer que se vea en Firefox y luego en IE, por lo que a recomendación de Jesús lo hice al revés, inicié buscando que se viera bien en IE y al final en Firefox. Y conseguí que se viera mejor.
Si la próxima semana sigo inspirado :P seguiré creando estilos (Necesito practicar u_u' ...). Si saben de algún otro estilo bonito que pueda clonar, sólo dejen el sitio en los comentarios y lo revisaré.
uff, de nuevo escribiendo a las 3 de la madrugada :S !!
Este es código al que pueden aplicarle el estilo:
<form class="msn">
<label for="q">Buscar</label>
<input type="text" name="q" value="algoritmos" id="text"/><input type="submit" value="Search" id="search"/>
</form>
Relacionados:
- Aquí podrás encontrar una aportación más que va de la mano con este artículo Some CSS styles for your search box II.