html - img - Habilitar el desplazamiento vertical en área de texto

title html css

Question

Tengo un área de texto que quiero habilitar el desplazamiento vertical. Cuando supero la altura del área de texto, aumenta de tamaño. La barra de desplazamiento no aparece. Quiero que aparezca una barra de desplazamiento vertical y que los usuarios no puedan cambiar el tamaño del área de texto también.

Busqué en línea y probé soluciones publicadas, pero ninguna parece funcionar.

Demostración: http://jsfiddle.net/hozefa/8fv6e/

CSS:

#imageURLId{
font-size: 14px;
font-weight: normal;
resize: none;
overflow-y: scroll;
}

HTML:

<label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription"
    style="resize: none;"></textarea>
<a  id="imageURLId" target="_blank">Go to
    HomePage</a>

Answer 1

Aquí está tu CSS

element{
  width: 200px;
  height: 300px;
  overflow-y: auto;
}

Answer 2

Prueba esto: http://jsfiddle.net/8fv6e/8/

Es otra versión de las respuestas.

HTML:

<label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription"
    style="max-height:100px;min-height:100px; resize: none"></textarea>
<a  id="imageURLId" target="_blank">Go to
    HomePage</a>

CSS:

#imageURLId{
font-size: 14px;
font-weight: normal;
resize: none;
overflow-y: scroll;

}

Answer 3

Puedes intentar agregar:

#aboutDescription
{
    height: 100px;
    max-height: 100px;  
}

Actualización: http://jsfiddle.net/8fv6e/3/

Answer 4

Simplemente cambiar

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;"></textarea>

a

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;" data-role="none"></textarea>

es decir, añadir:

data-role="none"

Answer 5

Tal vez una height fija y overflow-y: scroll;