Estilo de área de texto en línea para anular el valor predeterminado de CSS

Necesito su ayuda con el área de texto de mis campos de formulario. Tengo el CSS a continuación para aplicar un estilo general para el texarea. Pero ahora me gustaría hacer algunos cambios en línea en un área de texto en particular porque se superponen más allá del contenedor.

Gracias por la ayuda.

    textarea[type=text]{
    border:             2px solid #a9c6c9;
    vertical-align:         middle;
    padding:             9px;
    height:             129px;
    border-collapse:         collapse;
    margin:             2px;
    padding:             2px;
    space:             2px;
    width:             6.1in;
    z-index:             1;
    font-family: calibri;
   }

preguntado el 03 de mayo de 12 a las 20:05

No entiendo cuál es el problema. Realice los cambios de CSS en línea con el área que desea cambiar, o mejor aún, asigne al elemento una clase o ID y oriéntelo de esa manera y la especificidad debería anular la regla anterior. -

3 Respuestas

Intente simplemente agregar una clase al área de texto individual

<!-- Original -->
textarea[type=text]{
    border: 2px solid #a9c6c9;
    vertical-align: middle;
    padding: 9px;
    height: 129px;
    border-collapse: collapse;
    margin: 2px;
    padding: 2px;
    space: 2px;
    width: 6.1in;
    z-index: 1;
    font-family: calibri;
}

entonces:

<!-- add this class to you individual textarea's -->
textarea[type=text].newclass{
    width: 200px;
}

o puedes tenerlo dentro de un div así:

<!-- add this class to the <div> your individual textareas are inside of -->
.newclass textarea[type=text]{
    width: 200px;
}

o agregue esto a su área de texto en su html:

style="width:200px !important;"

Espero que esto ayude

contestado el 03 de mayo de 12 a las 22:05

Puede usar el :not para filtrar los que no desea cambiar. Cambie su selector de CSS a:

textarea[type=text]:not(#element1, #element2, ...)

contestado el 03 de mayo de 12 a las 20:05

Si solo se trata de asegurarse de que nada se extienda fuera del contenedor, intente agregar max-width:100%; a su área de texto CSS. Eso debería ayudarlo a evitar que salga del contenedor y al mismo tiempo hacer que todas las demás áreas de texto tengan el mismo ancho.

contestado el 03 de mayo de 12 a las 21:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.