Anwenden von css-popup title-element der Beschriftung

Ich habe ein Formular-label wie folgt:

<label id="jform_email-lbl" for="jform_email" class="hasTip required" 
title="Email Address::Please enter the email address associated with your User 
account.&lt;br /&gt;A verification code will be sent to you. Once you have 
received the verification code, you will be able to choose a new password for 
your account.">Email Address:<span class="star">&#160;*</span></label>

Möchte ich eine andere Formatvorlage für meine popover 'title' - element (#000).

Nicht die 'E-Mail-Adresse:' - label, das zeigt, auf die form (#fff).

Dachte, dass ich in der Lage sein, Folgendes zu tun, aber es funktioniert nicht:

label#jform_email-lbl[type="title"] { 
    color: #000; 
}

****EDITIERT**
Die Antwort ist wie folgt - für jemand anderen zu finden versuchen, um die richtige css:**

div.tip .tip-title {
   color: #E77600 !important;
   font-weight: bold;
}
div.tip .tip-text {
   color: #979797 !important;
   font-weight: bold;
}
Titel sind schon schwarz, was du zu erreichen versuchst?
in meiner css habe ich label{color: #fff;} - ich will zu verlassen, allein. aber wenn Sie die Maus über das label, den text, die pop-up 's/shows aus dem "title" - element ist auch weiß - ich will, dass #000
check meine Antwort jsfiddle.net/zanTf/1 ich werde zu aktualisieren

InformationsquelleAutor user991830 | 2013-10-17

  1. 3

    Später Bearbeiten, habe ich verstanden, die Frage :

    <!DOCTYPE html>
<html>
<head>
<style>
label {
  color: #900;
  text-decoration: none;
}

label:hover {
  color: red;
  position: relative;
}

label[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: red;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}


</style>
</head>

<label id="jform_email-lbl" for="jform_email" class="hasTip required" title="something">Email Address:<span class="star">&#160;*</span></label>

</html>
    funktioniert nicht ganz - hier ist die url der Website/form label foxwellassociates.co.uk/Konto-login?view=reset bewegen Sie die Maus über das label & du wirst se, was ich meine
    wie man hier sehen kann : jsfiddle.net/fQwbU wenn Sie nicht setzen Sie den hover-Befehl mit relativer der Titel wird nicht erscheinen mehr rot 🙂 Sie fehlen,
    Robert Voicu - haben, ließ ich Sie Ihre css in Chrome Inspector auf foxwellassociates.co.uk/Konto-login?view=reset - es ändert sich die Bezeichnung der Farbe, aber nicht den Inhalt der popup Titel text 🙁

    InformationsquelleAutor Robert Voicu

Schreibe einen Kommentar