Repetir parte de uma imagem de fundo de um input text

[Buthy 0]

Então galera, utilizo este css para customizar o input text do formulário:

 

.text{
background:url(images/bg_input_login.png) no-repeat center;
text-indent:5px;
width:219px;
height:30px;
border:none;
color:#999;
font-size:11px;
letter-spacing:1px;	
}

 

A imagem tem o tamanho de 219x30, e tem os cantos arredondados e com alguns efeitos...

O que eu quero fazer é o seguinte,

Quando tem um input do tipo texto que o width é maior, teria algum jeito de eu pegar e repetir a parte do meio da imagem de fundo

e deixar o canto arredondado no final?

 

Até mais, obrigado!

[mateusguitar1 0]

Cara, acho que do jeito que você falou ai não da não..

o que da pra Fazer é você pegar somente o Meio da Imagem e repetir ela..

Então deixando os cantos arredondados do input com

 

-moz-border-radius: 7px;
-webkit-border-radius: 7px;

 

no css!

 

Espero ter ajudado ^_^

[Buthy 0]

Mas esse código para arredondar por css funciona em todos os navegadores?