Foros del Web » Creando para Internet » CSS »

Redondear bordes de un campo de texto

Estas en el tema de Redondear bordes de un campo de texto en el foro de CSS en Foros del Web. Buenas, pués abro un tema para comentar si alguno sabe como redondear campos de texto, de contraseña o de botón, he encontrado el código: Cita: ...
  #1 (permalink)  
Antiguo 30/03/2011, 14:14
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 meses
Puntos: 2
Redondear bordes de un campo de texto

Buenas, pués abro un tema para comentar si alguno sabe como redondear campos de texto, de contraseña o de botón, he encontrado el código:

Cita:
input{
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
Pero ese código lo redondea todo y yo quiero redondear el campo de texto en particular. He encontrado este otro pero no sirve:

Cita:
input[type=text].ID {
-moz-border-radius: 15px;
background-color : #eaf9ff;
border : 1px solid #000000;
font-family : "Courier New", Courier, monospace;
font-size : 12px;
padding-left : 7px;
padding-right : 7px;
}
Alguien sabe? :\ Saludos y gracias
  #2 (permalink)  
Antiguo 30/03/2011, 14:24
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 7 años, 6 meses
Puntos: 63
Respuesta: Redondear bordes de un campo de texto

De esa manera solo estas redondeando en navegadores mozilla, si quieres redondear en todos los navegadores (que soporten CSS3) deberías usar border-radius; refernete a tu duda ¿por que no utilizas clases.
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.
  #3 (permalink)  
Antiguo 30/03/2011, 14:46
Avatar de kiM-  
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: Redondear bordes de un campo de texto

Usar clases? Cómo lass aplicaría a los input de texto, pass y botones? :\

En cuanto a lo de los bordes, lo visualizo en firefox, primero pruebo sin sirven y luego ya aplico más css para otros navegadores
  #4 (permalink)  
Antiguo 30/03/2011, 15:05
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 7 años, 6 meses
Puntos: 63
Respuesta: Redondear bordes de un campo de texto

Código HTML:
Ver original
  1. <input type="text" class="redondeado"/>

Código CSS:
Ver original
  1. .redondeado{
  2. -moz-border-radius: 15px;
  3. background-color : #eaf9ff;
  4. border : 1px solid #000000;
  5. font-family : "Courier New", Courier, monospace;
  6. font-size : 12px;
  7. padding-left : 7px;
  8. padding-right : 7px;
  9. }

Como has dicho que quieres redondear el campo de texto en particular, aunque me parece extraño que con selectores no puedas

Código CSS:
Ver original
  1. input[type=text]{
  2. -moz-border-radius: 15px;
  3. background-color : #eaf9ff;
  4. border : 1px solid #000000;
  5. font-family : "Courier New", Courier, monospace;
  6. font-size : 12px;
  7. padding-left : 7px;
  8. padding-right : 7px;
  9. }
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.
  #5 (permalink)  
Antiguo 01/04/2011, 06:39
Avatar de gran Wakka  
Fecha de Ingreso: septiembre-2007
Mensajes: 712
Antigüedad: 10 años, 3 meses
Puntos: 48
Respuesta: Redondear bordes de un campo de texto

Cita:
Iniciado por laratik Ver Mensaje
Como has dicho que quieres redondear el campo de texto en particular, aunque me parece extraño que con selectores no puedas

Código CSS:
Ver original
  1. input[type=text]{
  2. -moz-border-radius: 15px;
  3. background-color : #eaf9ff;
  4. border : 1px solid #000000;
  5. font-family : "Courier New", Courier, monospace;
  6. font-size : 12px;
  7. padding-left : 7px;
  8. padding-right : 7px;
  9. }
Creo que es porque tiene puesto input[type=text].ID y entonces solo lo aplicaría al input "ID", si quita el .ID se lo aplica a todos los input tipo text.
__________________
Información de Series de TV
Buscas o quieres ser redactor? Ofertas redactor web
  #6 (permalink)  
Antiguo 01/04/2011, 11:49
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Redondear bordes de un campo de texto

¿Has probado quitarle el type=text y usar la clase en el campo de texto? algo como:

Código HTML:
Ver original
  1. <input type="text" class="ID"name ="nombre">

Como quiera que sea si es el único campo al que le pones clase ID sólo lo afectará a él. Esque siento que el type=text puede dar lugar a incompatibilidades entre navegadores, pero es solo una corazonada.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips

Etiquetas: bordes, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:20.