Foros del Web » Programando para Internet » Javascript »

Como ocultar los bordes de un textarea

Estas en el tema de Como ocultar los bordes de un textarea en el foro de Javascript en Foros del Web. Hola a todos tengo una consulta, quiero saber como puedo yo ocultar los bordes y el scrollbar de un textarea , es que yo lo ...
  #1 (permalink)  
Antiguo 20/02/2013, 09:42
Avatar de Sumerio  
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 14 años, 6 meses
Puntos: 6
Pregunta Como ocultar los bordes de un textarea

Hola a todos tengo una consulta, quiero saber como puedo yo ocultar los bordes y el scrollbar de un textarea, es que yo lo necesito como si fuera un div, pero lo necesito en bloque asi como esta para mis fines.
  #2 (permalink)  
Antiguo 20/02/2013, 09:50
Avatar de Sumerio  
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 14 años, 6 meses
Puntos: 6
Respuesta: Como ocultar los bordes de un textarea

Hola ya encontre el modo que salga sin borde, pero me falta como quitarle la figura que me permite agrandar el textarea.

<table width="597" height="57" border="0">
<tr>
<td><textarea cols=20 rows=5 style="border: none;" readonly="true">Hola Nº 1</textarea></td>
</tr>
</table>


  #3 (permalink)  
Antiguo 20/02/2013, 09:56
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como ocultar los bordes de un textarea

Aplícale resize:

Código CSS:
Ver original
  1. textarea {
  2.   resize: none;
  3. }
  #4 (permalink)  
Antiguo 20/02/2013, 10:16
Avatar de Sumerio  
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 14 años, 6 meses
Puntos: 6
Respuesta: Como ocultar los bordes de un textarea

Hola si ya lo implemente, funciona bien el color en todos los navegadores pero IE no aparece el text en Negrita, esta todavia afectado por el disable que le puse y lo deja en plomo el texto.

Código:
<html>
<body>

<style>
    textarea {
		resize: none;
		border: none;
		overflow:auto;
		background-color:#FFFFFF;
		color:black;
		font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small; 		
	}
</style>

<table width="597" height="57" border="0">
  <tr>
    <td><textarea cols=20 rows=5 disabled="true">Hola Nº 1</textarea></td>
  </tr>
</table>
</body>
</html>
  #5 (permalink)  
Antiguo 20/02/2013, 15:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Como ocultar los bordes de un textarea

Si no recuerdo mal hasta cierta versión de IE no se podían editar los estilos de un elemento de formulario deshabilitado.

Etiquetas: bordes, textarea
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 03:04.