Redondear bordes de un campo de texto

[kiM-]

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:

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:

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

[laratik]

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.

[kiM-]

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

[laratik]

Código HTML:

<input type="text" class="redondeado"/>
 

Código CSS:

.redondeado{
-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;
}
 

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:

input[type=text]{
-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;
}
 

[gran Wakka]

Iniciado por laratik

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:

input[type=text]{
-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;
}
 

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.

[GatoGordo]

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

Código HTML:

<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!