Ver Mensaje Individual
  #6 (permalink)  
Antiguo 10/06/2015, 19:13
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: dudas sobre css

Para que el borde cambie al posicionar el cursor en el input, se usa :focus, y hay dos opciones, una es usar un borde punteado como indicó AngelKrak, la otra es modificar el outline:

Código HTML:
Ver original
  1. <input type="text" class="mod-outline" />
  2.  
  3. <input type="text" class="mod-borde" />

Código CSS:
Ver original
  1. .mod-outline:focus{
  2.     outline-color: #ff0000;
  3.     outline-style: dotted;
  4.     outline-width: 2px;
  5. }
  6.  
  7. .mod-borde:focus{
  8.     border: 2px dotted #ff0000;
  9. }

http://codepen.io/fede5426/pen/vOZxmw

Las dos formas funcionan, pero hay algunos navegadores que tienen un outline de color celeste por defecto, y si usas la opción de modificar el borde cuando hace focus, no solo se va a ver el borde rojo en linea de puntos sino también el borde celeste. Yo te recomiendo modificar el outline.

Y por cierto, dashed genera un borde de lineas entrecortadas, dotted es para la linea punteada.

Otra cosa, el Highlight es esto:



Sirve para resaltar el código y que sea más legible. Clickeas en la opción que necesites y se van a generar unas etiquetas, entre esas etiquetas pegas el código y se ve como mi ejemplo más arriba.

Saludos