¿Cómo puedo eliminar el foco del botón Enviar? No sé por qué está allí en la primera placa, y se ve muy feo que aquí hay una captura de pantalla:Cómo quitar el foco del botón Enviar
alt text http://i44.tinypic.com/xg0i93.png
Y aquí es como debe ser similar, que recupera su aspecto después de que haga clic al lado y flotarlo. alt text http://i43.tinypic.com/11ug2o1.png
Esto funcionó:
var selectedInput = null;
$(document).ready(function() {
$('input, textarea, select').focus(function() {
this.blur();
});
});
El primer botón de envío en un formulario siempre está "enfocado", por lo tanto, cuando presiona intro, se envía su formulario.
Véanse las respuestas a un puesto similar: Stopping IE from highlighting the first submit-button in a form
@naivists en contrario, funciona bien en IE, Firefox es el que más lo enfoca – ant
, Mozilla está tratando de implementar HTML5 y esto es lo que ves. Por supuesto, puede crear un javascript simple que se ejecute en el evento de carga de documentos y llame a 'blur()' en ese botón de envío en particular. Sin embargo, esto suena raro ;-) – naivists
tanto como suena incómodo, no funciona tan bien, lo intenté ya, de varias maneras ... – ant
en su cuerpo o forma ...
<form onready="document.getElementById('submit').blur();">
...
<input type="submit" id="submit" />
</form>Ya intenté algo similar y esto también no funciona m8 – ant
Prueba esto en el CSS de su botón, o el de la <a> encerrando si eso es lo que está utilizando en el marcado (reference):
-moz-outline:0 none;
outline:0 none;
tener en cuenta que se trata de una característica valiosa accesibilidad/teclado, por lo que lo ideal es que proporcionaría algún indicio enfoque alternativo que es más agradable a la vista para ti.
Estoy usando el botón no la etiqueta de ancla – ant
Deje de usar '-moz-outline'; 'outline' ha sido soportado desde Firefox 1.5. +1 para el recordatorio a11y. – janmoesen
Vea también: http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links – janmoesen
Puede codificar el botón como:
<button onClick='this.form.submit()'>Button Text</button>
que elimina la funcionalidad "enviar" para código y por lo tanto el problema de enfoque.
Tenga en cuenta que al desenfocar el botón en cualquier foco no podrá enviar el formulario presionando Enter en el botón, que es un comportamiento estándar que la mayoría de la gente espera. Si está preocupado por el aspecto visual, ¿por qué no intenta eliminar el contorno tal como lo noté y deje el enfoque solo? –
@bmoeskau no funciona con la eliminación del elemento y sí, quiero deshabilitar la entrada para enviar también. – ant