input text sin borde ni nada!

bhonox · #1 (**permalink**) 26/10/2004, 07:55

hola a todos...
se puede colocar un input text sin borde ni nada, la idea es q quiero q al presionar ciertos botones me escriba algo en el input text, pero q no se vea como una caja de texto en la pagina, sino q se vea como un texto normal...

alguien sabe.. una vez lo vi, pero no recuerdo donde...

granbosteron · #2 (**permalink**) 26/10/2004, 08:43

A ver si te sirve este ejemplo......

Código HTML:

<style>
#combo{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #707070;
	background-color: #FFFFFF;
	border-width:0;
}
</style>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
<input type="text" class="input" id="combo" value="ACA estoy!!" size="50">
</body>
</html>

ramiro_olvera · #3 (**permalink**) 26/10/2004, 09:16

Si quieres dar el efecto escribir algo en la pagina en tiempo de ejecucion tambien puedes utilizar el <span id="algo">Hola</span>
document.all.algo.inner.html = "lo que sea";

caricatos · #4 (**permalink**) 26/10/2004, 13:31

Hola bhonox:

El menú que tengo en la página de mi perfil está hecho con input type=text y background-color transparent (y coge el fondo que tuviera por detrás... y el border-width 0px como pone granbosteron...

Saludos

tunait · #5 (**permalink**) 27/10/2004, 04:58

....nos vamos al foro de css

movido desde javascript

urgido · #6 (**permalink**) 09/08/2005, 09:19

tengo una pregunta, el primer codigo^

Código HTML:

<style>
#combo{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #707070;
	background-color: #FFFFFF;
	border-width:0;
}
</style>

tambien sirve cuando a la hora de imprimir no salgan los bordes de los input? es decir que se vea como si fuera un documento word, excel, etc.

kekocapo · #7 (**permalink**) 23/11/2010, 11:55

Muy bueno, gracias.

cronosmen · #8 (**permalink**) 24/11/2010, 09:12

con un:

background-color:transparent; sobra