[Resolvido] Campos de formulario com bordas arredondadas

[Luis Fernando R. Valle 0]

Boa noite.

Já vi em vários sites, pesquisei e não encontrei.

 

Como faço para deixar os campos do formulario com as bordas arredondadas.

Pelo que vi essas bordas são css e o campo esta dentro dessas bordas, só que sem as bordas do campo.

 

Agradeço desde já pela ajuda

[Kakashi_Hatake 267]

Você pode fazer usando imagens ou usar CSS3 :seta: border-radius :seta: Exemplo

[Guilherme Oderdenge 42]

Utilize a propriedade border-radius:

 

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

 

Lembrando que esta propriedade é característica do CSS 3, fazendo com que os navegadores mais antigos não tenham suporte à mesma (IE 8-).

[Luis Fernando R. Valle 0]

Deixa ver se entendi.

Para deixar o campo do formulario transparente é só deixar "readonly" e colocar as bordas certo?

[Diéssica 140]

Deixa ver se entendi.

Para deixar o campo do formulario transparente é só deixar "readonly" e colocar as bordas certo?

Readonly pra quê?

 

É só pegar o seletor do campo, no caso, input. No CSS, com a propriedade border-radius, determina o quanto de arredondamento tu quer em pixels. Se quiser deixar transparente, é só trabalhar com opacity.

 

input {
border-radius:5px;
}

A propriedade border-radius do CSS3 que faz o trabalho.

Não precisa mais dos prefixos.

 

:seta: http://w3schools.com/cssref/css3_pr_border-radius.asp (border-radius)

:seta: http://w3schools.com/css/css_image_transparency.asp (opacity)

[Luis Fernando R. Valle 0]

Na transparencia do campo, como faço para deixar o que for ser digitado em preto por exemplo

[William Bruno 1501]

ai você usa css:

 

input { color: #000; }

 

o atributo readOnly é somente leitura, faz com que não seja possível editar/digitar dentro do input.

[Luis Fernando R. Valle 0]

Resolvido