<style>
#ba-cuadrobusq .ba-textobusq {
border: 1px sólido #DDD;/*--defina a cor da borda--*/
box-sizing: border-box;
cor: #000000; /*--definir a cor da fonte--*/
font-family: 'Lora', serif;
tamanho da fonte: 14px;
preenchimento: 9px;
largura: 220px;
transição: todos os 0,3s facilitam a entrada;
-transição do webkit: todos os 0,3s facilitam a entrada e saída;
-moz-transição: todos os 0,3s facilitam a entrada e saída;
-o-transição: todos os 0,3s facilitam a entrada e saída;
-ms-transição: todos os 0,3s facilitam a entrada e saída;
}
#ba-cuadrobusq .ba-textobusq:hover {
box-shadow:inserir 1px 1px 8px ganhosboro;
}
#ba-cuadrobusq .ba-textobusq:foco {
imagem de fundo: -webkit-linear-gradient(branco,branco);
imagem de fundo: -moz-linear-gradient(branco,branco);
imagem de fundo: -ms-linear-gradient(branco,branco);
imagem de fundo: -o-linear-gradient(branco,branco);
cor de fundo: branco;
contorno: 1px sólido #E8550B;
cor: #000000;
estilo da fonte: normal;
box-shadow:inserir 1px 1px 8px ganhosboro;
borda: 1px sólido #E8550B;
}
#ba-cuadrobusq .ba-enviar {
background:#E8550B; /*--definir a cor do botão Buscar--*/
borda: 1px sólido #E3E3D9;/*--definir a cor da borda do botão Buscar--*/
cor: branco;
cursor: ponteiro;
font-family: 'Droid Sans', sans-serif !importante;
cor: #ff;
cursor: ponteiro;
altura da linha: 19px;
preenchimento: 8px 10px;
decoração de texto: nenhuma;
}
#ba-cuadrobusq .ba-enviar:hover {
background:#e8320f; /*--definir a cor do botão Buscar hover--*/
}
</style>
<form action="search/" id="ba-cuadrobusq">
<input class="ba-textobusq" name="q" />
<input class="ba-enviar" type="submit" value="Buscar" />
</form>
