1. Inicio
  2. Pregunta y respuesta
  3. CSS: Doble-Border, cómo

CSS: Doble-Border, cómo

2011-06-14 18 views
6

Duplicar posibles:
input focus outer glowCSS: Doble-Border, cómo

¿Cómo puedo hacer esto en CSS? En el enfoque que parece que tiene un borde doble ...

Login Form

Fuente

2011-06-14 Kevin Brown

+0

Creo que esto lo cubre bastante bien: [stack stackf low.com/questions/4750477/input-focus-outer-glow](http://stackoverflow.com/questions/4750477/input-focus-outer-glow) –

Respuesta

1 
input:focus { property to apply }

para un ejemplo vivo visita nuestra violín followng: http://jsfiddle.net/L5xvJ/

input:focus { 
border: 1px solid #0af; 
outline: none; 
-moz-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5); 
-webkit-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5); 
box-shadow: 0px 0px 15px rgba(0, 170, 255,.5); }

notet: foco no debe estar confundido con: activo -> What is the difference between :focus and :active?

Fuente

2011-06-14 02:07:55 matchew

+0

genial, a -1 por tener la misma respuesta que todos los demás tiene ... fue porque yo era el primero? – matchew

+1

Aunque no fui yo, es fácil ver por qué su respuesta original fue downvoted: No respondió la pregunta en absoluto. – jeroen

+0

bueno, tienes razón, no hice todo lo correcto. Pero estaba tratando de apuntarlo en la dirección correcta con: focus y box-shadow – matchew

Cuestiones relacionadas

 Cuestiones relacionadas