Foros del Web » Creando para Internet » CSS »

Usar css en un input

 Estas en el tema de Usar css en un input en el foro de CSS en Foros del Web. Saludos a todos. Mi codigo es el siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < form name = "form1" method = "post" action = "clientes.php?caso=nuevo" ...
  #1 (permalink)  
Antiguo 19/08/2011, 14:05
 
Fecha de Ingreso: diciembre-2009
Mensajes: 128
Antigüedad: 15 años
Puntos: 0
Usar css en un input
Saludos a todos.

Mi codigo es el siguiente:

Código HTML: 
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

y quisiera asignarle un estilo, si lo pongo de la siguiente manera funciona bien:


Código HTML: 
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input style="color: green; background-color: yellow;" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

pero lo que yo quiero es meter el estilo en un css y me imagino que tendria que usar clases, algo asi:

Código HTML: 
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

Código CSS: 
Ver original
  1. .boton {
  2. color: green;
  3. background-color: yellow;
  4. }

pero no me funciona, no se que estoy haciendo mal, espero alguien me pueda ayudar
  #2 (permalink)  
Antiguo 19/08/2011, 14:51
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 6 meses
Puntos: 1012
Respuesta: Usar css en un input
está todo correcto. debería de funcionar en cualquier navegador
  #3 (permalink)  
Antiguo 19/08/2011, 15:15
 
Fecha de Ingreso: diciembre-2009
Mensajes: 128
Antigüedad: 15 años
Puntos: 0
Respuesta: Usar css en un input
si, yo tambien lo veo ben, pero nomas no sale, espero alguien le vea algun detalle
  #4 (permalink)  
Antiguo 19/08/2011, 15:23
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 6 meses
Puntos: 1012
Respuesta: Usar css en un input
no hacia falta que lo probara, pero aún así lo he probado ...... y sabes qué?? funciona. muestra todo el código de la página
  #5 (permalink)  
Antiguo 19/08/2011, 16:23
 
Fecha de Ingreso: diciembre-2009
Mensajes: 128
Antigüedad: 15 años
Puntos: 0
Respuesta: Usar css en un input
pues ahi va, aunque es bastante:

Código HTML: 
Ver original
  1. <?
  2. session_start();
  3. if(isset($_SESSION) && $_SESSION["age"]=="1"){
  4. header("location:login.php");
  5. } else {
  6. if(isset($_SESSION) && $_SESSION["age"]=="2" or $_SESSION["age"]=="3" or $_SESSION["age"]=="4"){?>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <link rel="shortcut icon" href="img/ppym.ico">
  11.  
  12. <script language="JavaScript" src="Scripts/calendar1.js"></script>
  13.  <script type="text/javascript" src="Scripts/prototype.js"></script>
  14.     <script type="text/javascript" src="Scripts/effects.js"></script>
  15.     <script type="text/javascript" src="Scripts/controls.js"></script>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <title>Agenda de Clientes</title>
  18. <link href="fuente.css" rel="stylesheet" type="text/css" />
  19. </head>
  20. <body background="img/Fondo2.png">
  21.  
  22.  
  23. <div id="contenido" style="width: 100%;">
  24.  
  25. <h3>Agenda de Clientes</h3>
  26.  
  27. <?php
  28.  
  29. if (isset($_GET["code"]) && !empty($_GET["code"])){
  30.     $code=$_GET["code"];
  31.  
  32. if($code=="1"){echo'<br><b><div class="xplik">Registro nuevo insertado</div></b><p>';}}
  33. if(isset($_GET['code']) && $_GET['code']=="2"){echo'<br><b><div class="xplik">Registro actualizado</div></b><p>';}
  34. if(isset($_GET['code']) && $_GET['code']=="3"){echo'<br><b><div class="xplik">Registro eliminado</div></b><p>';}
  35.  
  36. if($_SESSION["age"]=="3" or $_SESSION["age"]=="4"){
  37. echo'<form name="form3" method="post" action="agenda_clientes_ac.php?caso=nuevo">
  38. <input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  39. </form>
  40.  
  41. ';}
  42.  
  43. $dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
  44. mysql_select_db("$base", $dp);
  45.  
  46. echo'<form name="form4" method="post" >';
  47. echo'<table width="100%" ><tr><td width="100%" align="middle"><input type="text" id="bus_a_c" name="bus_a_c" size="50" /> <img src="img/lupa-48x48.png" align="absmiddle"/>
  48. <input name="id_cliente" id="id_cliente" type="hidden" value="$id_cliente">
  49.  
  50. <div id="hintp"></div><a href="#" onClick="popper(\'agenda_clientes_pop.php?cliente=\'+document.form4.id_cliente.value)"><img src="img/vp.jpg" border=0/></a>';
  51.     ?><script type="text/javascript">
  52. function updateHiddenb(txt, li)
  53. {
  54. document.form4.id_cliente.value = li.id;
  55. }
  56.         new Ajax.Autocompleter("bus_a_c","hintp","busqueda_agenda_clientes.php",{afterUpdateElement: updateHiddenb, indicator: 'indicator1'});
  57.     </script><br/><div id="indicator1" style="display: none" style="background-color:#FFFFFF; border:#000000 solid 1px; width:200px; text-align:center; position:absolute; z-index:30"><img src="img/loading.gif" align="absmiddle"> <font color="#666666"><b>Buscando...</b></font></div>
  58.  
  59.           </td></tr></table></form>
  60.           <?
  61. $result = mysql_query("SELECT * FROM agenda_clientes order by Estacion", $dp);
  62. if (mysql_num_rows($result)){
  63. echo'<table width="100%" cellspacing="0" cellpadding="4" bordercolor="#000000" style="border-collapse:collapse">
  64. <tr><td align=middle ><table width="80%" border="1" cellspacing="0" cellpadding="4" bordercolor="#000000"  align="middle" bgcolor=#6B88BB style="border-collapse:collapse">
  65.                     <tr>
  66.                   <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">E. S.</font></td>
  67.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Razon Social</font></td>
  68.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Telefono</b></font>
  69.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Detalles</font></td></tr>';
  70. while ($row = @mysql_fetch_array($result))  {
  71.  
  72. echo'        <tr>
  73.     <td class="dataclass" align=middle  >'.$row["Estacion"].'</td>
  74.     <td class="dataclass" align=middle  >'.$row["Razon_social"].'</td>
  75.     <td class="dataclass" align=middle  >'.$row["Tel"].'</td>
  76.     <td class="dataclass" align=middle  >';
  77.     #######################################################################################333
  78. echo'
  79.  
  80. <a href="#" onClick="return overlay(this, \'Details_'.$row["id"].'\')"><img src="img/crux.png" border=0/></a>
  81. <DIV id="Details_'.$row["id"].'" style="position:absolute; display:none" class="dataclass" onmousedown="comienzoMovimiento(event, this.id);" onmouseover="this.style.cursor=\'move\'">
  82.  
  83. <div style="border: 1px solid black; background-image: url(img/back_main.gif); width: 500px; height: 300px; padding: 0px">';
  84. echo'<table width=100% cellspacing=0 cellpadding=0 border=0>
  85. <tr>
  86.                                 ';if($_SESSION["age"]=="4"){echo'
  87.                 <td class="layercaption1"><font color="#ffffff"><a href="agenda_clientes_ac.php?caso=actualizar&id='.$row["id"].'"><font color="#ffffff">Editar</font></a> | <a href="javascript:confirmDelete(\'processppym.php?modulo=agenda_clientes&caso=borrar&id='.$row["id"].'\')" onMouseover="window.status=\'\'; return true" onClick="window.status=\'\'; return true"><font color="#ffffff">Eliminar</font></a></font>
  88.                 </td>';}echo'
  89.  
  90.             </tr>
  91. <tr>
  92.     </table>';
  93.  
  94. $dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
  95. mysql_select_db("$base", $dp);
  96.  
  97. $result4 = mysql_query("SELECT * from agenda_clientes where id = '$row[id]'");
  98. $Razon_social=mysql_result($result4,0,"Razon_social");
  99. $Domicilio=mysql_result($result4,0,"Domicilio");
  100. $Del=mysql_result($result4,0,"Del");
  101. $Contacto=mysql_result($result4,0,"Contacto");
  102. $Cargo=mysql_result($result4,0,"Cargo");
  103. $Estacion=mysql_result($result4,0,"Estacion");
  104. $RFC=mysql_result($result4,0,"RFC");
  105. $CP=mysql_result($result4,0,"CP");
  106. $Tel=mysql_result($result4,0,"Tel");
  107. $Notas=mysql_result($result4,0,"Notas");
  108.  
  109. echo'<table width=100% cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
  110. <tr><td colspan=19 background="img/bar5.gif" height=25 class="layercaption2" align=middle><b>Detalles</b></td><td width=1 bgcolor="#cccccc" background="img/bar5.gif"><a href="#" onClick="overlayclose(\'Details_'.$row["id"].'\'); return false"><img src="img/exxs.png" border="0" alt="Cerrar"></a></td> </tr></table>
  111. <table width=100% border=0>
  112. <tr>
  113. <td valign=top>
  114. <table width=100% cellspading=3 cellspacing=3 border=0>
  115.             <tr>
  116.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Razon Social</b></td>
  117.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Razon_social"].'</td></tr>
  118.                         <tr>
  119.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Estacion</b></td>
  120.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Estacion"].'</td></tr>
  121.                                     <tr>
  122.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Domicilio</b></td>
  123.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Domicilio.'</td></tr>
  124.             <tr>
  125.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b></b></td>
  126.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Del.' C.P. '.$CP.'</td></tr>
  127.             <tr>
  128.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Telefono</b></td>
  129.             <td width=30% bgcolor=cccccc align=left class="dataclass">'.$Tel.'</td></tr>
  130.             <tr>
  131.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>RFC</b></td>
  132.             <td width=30% bgcolor=cccccc align=left class="dataclass">'.$RFC.'</td></tr>
  133.             <tr>
  134.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Contacto</b></td>
  135.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Contacto.'</td></tr>
  136.             <tr>
  137.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Cargo</b></td>
  138.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Cargo.'</td></tr>
  139.                         <tr>
  140.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Notas</b></td>
  141.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Notas.'</td></tr>
  142.             </table></td>
  143. </tr>
  144. </table>
  145.     </td>
  146.  
  147.  
  148. ';
  149.     #######################################################################################333
  150. echo'   </td></tr>';
  151.                                             }
  152. echo '</table></td></tr></table>';                          }
  153. mysql_close($dp);
  154.  
  155. ?>
  156. </div>
  157. </body>
  158. </html>
  159. <? }} ?>

y el css es:

Código CSS: 
Ver original
  1. body {
  2. color: black;
  3. font-family: Verdana;
  4. }
  5.  
  6.  
  7. .boton {
  8. color: green;
  9. background-color: yellow;
  10. }
  #6 (permalink)  
Antiguo 19/08/2011, 16:45
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 6 meses
Puntos: 1012
Respuesta: Usar css en un input
ok, tendría que haber sido mas clara. lo que has de mostrar es el html que se genera al ejecutar el código, pero sólo el que está involucrado en el problema que planteas
  #7 (permalink)  
Antiguo 19/08/2011, 16:59
 
Fecha de Ingreso: diciembre-2009
Mensajes: 128
Antigüedad: 15 años
Puntos: 0
Respuesta: Usar css en un input
muchas gracias, pero que crees, cerre el navegador y a la hora de abrir para sacar el codigo fuente ya funciono bien, gracias por tu atencion isabel y bendiciones.

Etiquetas: input, usar, fondo
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 20:57.