ajouter un attribut title de css
Comment ajouter title= "obligatoires" de css à la suite de
<label class='mandatory'>Name</label>
.mandatory
{
background-image:url(/media/img/required.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:10px;
font-weight:bold;
}
- Pour tous ceux qui lisent ce sujet dans l'avenir, vous pouvez créer des des info-bulles personnalisées avec CSS en utilisant des éléments pseudo vous pouvez spécifier la valeur de texte personnalisé dans un
data-*
attribut ou lacontent
de la propriété. Voir cette réponse - stackoverflow.com/questions/1055581/... - Pour tous ceux qui veulent utiliser le navigateur intégré dans les info-bulles pour cela, stackoverflow.com/a/46889216/1709903
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas. Le CSS est un langage de présentation. Il n'est pas conçu pour ajouter du contenu (à l'exception du très banal avec
:before
et:after
).Bien, même si ce n'est pas vraiment possible de changer l'attribut title, il est possible d'afficher une info-bulle complètement à partir de css.
Vous pouvez consulter une version de travail à http://jsfiddle.net/HzH3Z/5/.
Ce que vous pouvez faire est de style de l'étiquette:après sélecteur et de lui donner display:none, et l'ensemble de son contenu à partir de css. Vous pouvez ensuite modifier l'affichage de l'attribut display:block sur l'étiquette:hover:après, et il va le montrer.
Comme ceci:
data-*
attributs pour le contenu de stackoverflow.com/questions/1055581/... il prend également en charge le positionnement.Quentin est correct, il ne peut être fait avec le CSS. Si vous souhaitez ajouter un
title
attribut, vous pouvez le faire avec JavaScript. Voici un exemple d'utilisation de jQuery:$(document).ready(function() {
et});
de sorte que le jquery attend jusqu'à ce que le document (et donc l'élément cible) a chargé avant de l'exécuter.Pouvez le faire avec jQuery:
Comme Quentin et d'autres ont suggéré que ce ne peut pas être entièrement fait avec css(fait en partie avec le contenu de l'attribut css). Au lieu de cela, vous devez utiliser javascript/jQuery pour atteindre cet objectif,
JS:
ou à l'aide de jQuery:
JS:
HTML:
Il est possible d'imiter ce avec le HTML & CSS
Si vraiment vous voulez vraiment dynamique appliquée à des info-bulles pour le travail, cette (pas si de la performance et de l'architecture de l'environnement) solution peut vous permettre d'utiliser le navigateur rendu des info-bulles sans recourir à la JS. Je peux imaginer des situations où ce serait mieux que JS.
Si vous avez un sous-ensemble fixe de titre de valeurs d'attribut, puis vous pouvez générer des éléments supplémentaires côté serveur et laisser le navigateur de lire le titre d'un autre élément placé au-dessus de l'original à l'aide de CSS.
Exemple:
CSS:
HTML:
Remarque: Il n'est pas recommandé pour les applications à grande échelle en raison de l'inutile HTML, contenu possible les répétitions et le fait que des éléments supplémentaires pour l'info-bulle serait voler les événements de la souris (sélection de texte, etc)
Tandis que actuellement pas possible en CSS, il y a une proposition pour activer cette fonctionnalité, appelée En Cascade Attribut Feuilles.