Mover de posición Tooltip

[Antoniio]

Hola, buenas. Cómo puedo colocar por un costado derecho el letrero que aparece en cima del campo?


Este es el css:

Código [Seleccionar] Expandir

.alert-danger{
border:solid red 1px !important;
}   
a.tooltips {
  display: inline;
}
a.tooltips span {
 
  display:block;
  color: #FFFFFF;
  background: #555;
  background: rgba(53, 53, 53, 0.9);
  min-height: 18px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
font-size: .9em;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #555;
  border-top: 8px solid rgba(53, 53, 53, 0.9);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

Por ejemplo, la flecha apunta hacia abajo, debería apuntar hacia la izquierda...

Gracias de antemano !!

[Antoniio]

http://semana.mat.uson.mx/registro/unison/inicio.php

Esa es la página

[dato000]

Creo que ese comportamiento depende del navegador, tendrias que usar setCustomValidity(), que es un metodo que sobrecarga las propiedades de los mensajes de validación y dejar las que uno necesita.

Creo que ya se hace por css y javascript.

https://www.html5rocks.com/en/tutorials/forms/constraintvalidation/
http://stackoverflow.com/questions/5478800/override-css-for-html5-form-validation-required-popup