Hola, buenos días!
He tenido algunas dificultades con algunos elementos para crear formularios, que no funcionan bien en
Firefox, de echo últimamente me he dado un poco más de topes con este navegador que antes :/
Por ejemplo, tengo el siguiente formulario:
Código HTML:
<form action="general.php" method="post" class="form-style">
<input type="text" name="busquedakeyword" id="busqueda-keyword" class="busqueda-keyword" placeholder="Búsqueda general" />
<input type="submit" name="busquedasubmit" id="busqueda-submit" class="busqueda-submit" value="" />
</form> el cúal tiene siguiente estilo aplicado:
Código CSS:
Ver original.busqueda-submit {
border:none;
background:url(../img/buttons/lupa.png) center no-repeat;
background-color:#F00;
cursor: pointer;
margin-left:-28px;
padding-bottom:8px;
vertical-align: bottom !important;
vertical-align: text-bottom;
width:2%; }
.busqueda-keyword {
background-color:#000;
border: 1px solid #1f1f1f;
color: #666;
font-size: 12px;
font-style: italic;
padding: 5px;
width: 20%; }
Sin embargo, en
Firefox cuando quiero escribir en el campo de texto, simplemente no me deja, es como si estuviera bloqueado. En los demás navegadores (
Chrome,
Opera,
Safari e
Internet Explorer), si funciona el campo de texto. El botón si funciona, por cierto.
Y por otro lado, tengo una barra de
scroll que con
CSS le cambié el estilo, sólo que en
Firefox y
Explorer sigue manteniendo la tradicional barra gris, ¿saben como puedo modificarla para esos navegadores?
De antemano, gracias por sus comentarios.
Saludos!