Comunidad de diseño web y desarrollo en internet online

Compatibilidad campos select con Chrome

Citar            
MensajeEscrito el 09 Sep 2012 01:43 pm
Buenas.
Tengo el siguiente inconveniente, maquete un formulario de registro pero el problema es que en los campos select no sale el texto como sale en Mozilla, agrego una captura para que se entienda mejor y obviamente también para saber si existe una solución ante esto.

Mil gracias

http://l4c.me/fotos/naniels/select/sizes/o

Por DanielGarzon

11 de clabLevel



 

chrome
Citar            
MensajeEscrito el 09 Sep 2012 02:44 pm
podrías dejar el codigo ?

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 09 Sep 2012 04:34 pm
El problema no es el texto, es el color de fondo, pusiste el texto de color blanco y en chrome te están saliendo los select con fondo blanco entonces el texto no se ve.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 09 Sep 2012 10:18 pm
Aca esta el texto....
<div class="register">
<h1></h1>
<form>
<h2>Datos lider de salon</h2>
<div>
<p style="margin-left:10px;">Colegio:</p><input type="text" placeholder="">
</div>

<div class="selecters">
<select style="width: 94px; margin-left: 95px;" placeholder="Curso">
<option>Curso</option>
<option>2</option>
<option>3</option>
</select>
<select placeholder="Grado" style="width:98px;">
<option>Grado</option>
<option>2</option>
<option>3</option>
</select><br/>
<select placeholder="Alumnos" style="margin-top: 2px; width: 192px; margin-left: 95px;">
<option>No. Alumnos</option>
<option>15</option>
<option>20</option>
</select>
</div>

<div class="selecters">
<select placeholder="Departamento" style="width: 192px; margin-left: 94px;">
<option>Departamento</option>
<option>2</option>
<option>3</option>
</select>
<br/>
<select style="margin-top: 2px; width: 190px; margin-left: 95px;" placeholder="Ciudad">
<option>Ciudad</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div>
<p style="margin-left:-55px"> Nombre del Rector:</p> <input type="text" placeholder="">
</div>
<div style="margin-top:2px;">
<p style="margin-left:-97px">Correo electrónico Rector:</p><input type="text" placeholder="">
</div>
<br/>
<div class="lider_salon">
<h3>Datos líder de salón</h3>
<p>Nombres:</p><input type="text" >
</div>
<div>
<p>Apellidos:</p><input type="text" >
</div>
<div>
<p style="margin-left:-90px">Documento de Identidad:</p><input type="text">
</div>
<div>
<p style="margin-left:-56px">Correo Electrónico:</p><input type="text" >
</div>
<div>
<p style="margin-left:0px">Teléfono:</p><input type="text" placeholder="">
</div>
<div>
<p style="margin-left:23px">Edad:</p><input type="text" placeholder="">
</div>
<a href="#">empieza a jugar ahora</a>
</form>
</div><!--//register-->

Por DanielGarzon

11 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Sep 2012 11:02 pm
Especifica un color de fondo para los select en los estilos.

No obstante, si no me equivoco el atributo placeholder solo es para los elementos de html5: text, search, url, tel, email, y password.
Otra cosa, es que Firefox se lo monte por su cuenta y lo haga funcionar.

Aunque HTML 5 aun esté en modo Draft, procura usar cosas "estandar".
Tambien te recomiendo que si usas cosas exclusivas de HTML5 compruebes via javascript (o moderniz o similares) si lo que estas usando lo soporta el navegador o no. Te ahorraras muchos dolores de cabeza.

Por guitobon

0 de clabLevel



Genero:Masculino  

Desarrollador web, sysadmin

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.