Wenas.
Tengo declarados unos estilos para los botones, pero quisiera quitar el recuadro que le pone el IE al hacer click sobre estos.
¿Se puede hacer?
THX
08/03/2010, 03:46
| ||||
| ||||
 Button sin borde Wenas. Tengo declarados unos estilos para los botones, pero quisiera quitar el recuadro que le pone el IE al hacer click sobre estos. ¿Se puede hacer? THX
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
08/03/2010, 04:09
| |||
| |||
| Respuesta: Button sin borde te refieres al enfoque del teclado? Quieres deshabilitar el teclado? O mejor dicho, hacer invisible lo que selecciona el usuario? con outline:none; lo consigues :P |
|
08/03/2010, 04:19
| ||||
| ||||
| Respuesta: Button sin borde Cita: Hola.
Iniciado por patrick_  te refieres al enfoque del teclado? Quieres deshabilitar el teclado? O mejor dicho, hacer invisible lo que selecciona el usuario? con outline:none; lo consigues :P Puuuues va a ser que no. Ya lo probé. Lo que yo quiero es que al hacer click en el botón, ese recuadro que se le pone, pues que no aparezca. He probado con IE6 y 7, y en los dos ocurre lo mismo. THX
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
08/03/2010, 04:51
| ||||
| ||||
| Respuesta: Button sin borde Cita:
Iniciado por patrick_ puedes poner el estilo del boton?
Código:
La clase "final" que aplicamos al input button es BotonLimpiarFondoGris . table.TablaCriterioBusqueda {clear:both;width:100%;margin:0.3em 0 1em 0; color: #3E5E8D;}
table.TablaCriterioBusqueda td input {font-family:arial, tahoma, helvetica, verdana, sans-serif;font-size:0.9em;border:1px solid #dedede;}
table.TablaCriterioBusqueda td input.BotonLimpiarFondoGris {
background-color:#a5bc00;
color:#fff;
border-top:3px solid #fff;
border-right:3px solid #fff;
border-bottom:3px solid #cecece;
border-left:3px solid #cecece;
cursor:pointer;
font-weight:bold;
padding:0.2em 0;
outline:none;
}
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
08/03/2010, 07:54
| ||||
| ||||
| Respuesta: Button sin borde Cita: Es buena idea
Iniciado por patrick_ tienes que añadir: table.TablaCriterioBusqueda td input:focus { outline:none; }  ... yo no lo había probado así .... pero no funciona 
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
08/03/2010, 08:13
| |||
| |||
| Respuesta: Button sin borde -- tambien puedes probar :active envez de :focus, pero a mi me funciona con :focus puedes hacer una captura para mostrar a que borde te refieres? Porque el outline desaparece haciendo esto. |
|
08/03/2010, 09:47
| ||||
| ||||
| Respuesta: Button sin borde Cita: No puedo adjuntar archivos y no tengo acceso a páginas como megaupload, etc.
Iniciado por patrick_ -- tambien puedes probar :active envez de :focus, pero a mi me funciona con :focus puedes hacer una captura para mostrar a que borde te refieres? Porque el outline desaparece haciendo esto. Es un borde que se pone al hacer click en el botón y además, alrededor del propio border que defino en el CSS
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
08/03/2010, 10:25
| |||
| |||
| Respuesta: Button sin borde acabo de recordar que IE6/7 no soportan outline en CSS. por lo tanto tienes que usar javascript, aunque personalmente diria que para un detalle asi es mejor ignorar a IE6/7. A fin de cuentas, no afecta al funcionamiento de la pagina. De hecho, ni siquiere afecta al layout. |
|
08/03/2010, 11:15
| ||||
| ||||
| Respuesta: Button sin borde patrick_ Cita: llevas razon... y no... ya que como no lo soporta pues por obvias razones no lo muestra...acabo de recordar que IE6/7 no soportan outline en CSS solo con input{outline:0 none;} te debe valer, pero en FF hay un bug que en los input no los remueve... https://bugzilla.mozilla.org/show_bug.cgi?id=74225 y necesitas la pseudo clase ::-moz-focus-inner que no valida por desgracia... pero funciona...
__________________ Toroflix - movies. |
|
09/03/2010, 01:28
| ||||
| ||||
| Respuesta: Button sin borde Cita: Es verdad ... no tiene ninguna funcionalmente hablando ... pero visualmente queda mal mal.
Iniciado por patrick_ acabo de recordar que IE6/7 no soportan outline en CSS. por lo tanto tienes que usar javascript, aunque personalmente diria que para un detalle asi es mejor ignorar a IE6/7. A fin de cuentas, no afecta al funcionamiento de la pagina. De hecho, ni siquiere afecta al layout.
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
09/03/2010, 01:33
| ||||
| ||||
| Respuesta: Button sin borde Cita: No necesito que funcione en FF, pero es que en ID tampoco funciona
Iniciado por alexk patrick_ llevas razon... y no... ya que como no lo soporta pues por obvias razones no lo muestra... solo con input{outline:0 none;} te debe valer, pero en FF hay un bug que en los input no los remueve... https://bugzilla.mozilla.org/show_bug.cgi?id=74225 y necesitas la pseudo clase ::-moz-focus-inner que no valida por desgracia... pero funciona...  . he hecho esto
Código:
Y también he aplicado el input{outline:0 none;}, por probar ... y nada table.TablaCriterioBusqueda td input.BotonLimpiarFondoGris::-moz-focus-inner {border: 0}
.
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
|
10/03/2010, 06:00
| ||||
| ||||
| Respuesta: Button sin borde Bueno, después de mucho investigar, y preguntar .... parace que para IE no hay solución. Es el borde que se muestra al coger el foco el input button ... y es lo que hay. De todas formas, si alguién tiene alguna otra idea......
__________________ No es sabio el que sabe sino el que no sabe y quiere aprender |
| Etiquetas: |
