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>
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!