Textbox deshabilitado

JUAN CARLOS RB · #1 (**permalink**) 12/06/2009, 04:54

Buenas me gustaria poner un textbox donde no puedan escribir. Le he puesto readonly pero lo pone de color gris y la verdad que está muy feo. Existe otra manera?

Saludos

martin0341 · #2 (**permalink**) 12/06/2009, 05:15

utilizando css podes darle formato

JUAN CARLOS RB · #3 (**permalink**) 12/06/2009, 05:44

Ya he creado una hoja de estilo CSS, pero no consigo deshabilitarlo.

martin0341 · #4 (**permalink**) 12/06/2009, 06:04

proba poner esto en tu hoja de estilos:

.style_input
{
color: #000000;
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px white;
border-right: solid 1px white;
background: #FFFFFF;
font-family: Verdana;
font-size: 11px;
border-style: solid;
}

despues en el input que queres que salga el estilo pone esta etiqueta

Código PHP:

  <input type='text' name='nombre' value='valor' readonly class='style_input '>

Igualmente tenes q configurar la css que te mande con los colores q vos quieras.
SAludos

JUAN CARLOS RB · #5 (**permalink**) 12/06/2009, 06:14

Ya que estamos con las hojas de estilo te voy a hacer otra preguntilla. Como puedo crear un archivo con hojas de estilo y despues llamarlo.

Saludos

martin0341 · #6 (**permalink**) 12/06/2009, 06:25

entre el <head> </head> pones :
<link rel='stylesheet' type='text/css' href='select_dependientes.css'>

El archivo lo guardas como .css y dentro le difinis los estilos, ej:

.style_input
{
color: #000000;
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px white;
border-right: solid 1px white;
background: #FFFFFF;
font-family: Verdana;
font-size: 11px;
border-style: solid;
}

.style_button
{
color: #000000;
font-family: Verdana;
font-size: 11;
font-weight:bold;
}

espero te sirva, saludos

JUAN CARLOS RB · #7 (**permalink**) 12/06/2009, 06:35

como despues lo llamas desde el input.

Gracias

martin0341 · #8 (**permalink**) 12/06/2009, 06:36

pone esta etiqueta dentro del input class='nombre_de_la_clase'

JUAN CARLOS RB · #9 (**permalink**) 12/06/2009, 06:40

He creado el archivo css. He puesto el enlace en el head como me has dicho.
Despues esta en el input readonly class='style_input'. Habrá que llamarlo de otra forma porque esta es igual si estuviera dentro. NO funciona así.

martin0341 · #10 (**permalink**) 12/06/2009, 06:53

deberia andarte, mostrame el codigo del input y como declaraste los estilos del css, y si la ruta donde declaraste el css esta bien

JUAN CARLOS RB · #11 (**permalink**) 12/06/2009, 06:56

En el head tiene:

<head>
<link rel='stylesheet' type='text/css' href='css.css'>
</head>

Despues en el imput:

echo "<td><input type=text name=dato style='width:90' readonly class='style_input' value=".$row["sede"]."></td>";

La pagina se llama css.css y continene esto:

@charset "utf-8";
/* CSS Document */

.style_input
{
color: #000000;
border-top: solid 1px black;
border-left: solid 1px black;
border-bottom: solid 1px white;
border-right: solid 1px white;
background: #FFFFFF;
font-family: Verdana;
font-size: 11px;
border-style: solid;
}

martin0341 · #12 (**permalink**) 12/06/2009, 07:03

el documento php esta en la misma carpeta que el css??
Te fijaste que la ruta (href='css.css') este bien?

JUAN CARLOS RB · #13 (**permalink**) 12/06/2009, 11:03

Si está en la misma carpeta.

cesarpunk · #14 (**permalink**) 12/06/2009, 11:07

creo que ese estilo del textbox tiene la mismas caracteristicas de un textbox normal, por eso quizas no veas la diferencia, pero quizas lo que suceda es que al readonly le falte un readonly=true

JUAN CARLOS RB · #15 (**permalink**) 12/06/2009, 11:12

He puesto tru y nada sigue igual. A parte a la funcion que llamo tienen las letras color azul. Debería hacerlo.

jam1138 · #16 (**permalink**) 12/06/2009, 11:46

Formato, comportamiento, apariencia de una página web NO TIENEN que ver con PHP.

Tema movido al foro de CSS.