Discussion :

[fidbell84]

Bonjour,

J'ai crée une image lors de passage de souris sur l'image une popover s'ouvre.

Ma question: Comment modifier le style:

Voila mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<img ng-click="gotoProfile(event._creator._id)" ng-src="{{getCreatorImage(event._creator.profile.mainImage)}}"  class="imageCreatorEvent"
				 data-placement="left" popover-placement='left' popover="{{event._creator.profile.firstName}}" popover-trigger="mouseenter">

[fidbell84]

J'ai fais cette modification:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<img ng-click="gotoProfile(event._creator._id)" ng-src="{{getCreatorImage(event._creator.profile.mainImage)}}"  class="imageCreatorEvent"
				 data-placement="left" popover-placement='left' popover="{{event._creator.profile.firstName}}" popover-trigger="mouseenter">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.popover {
  background-color: red; /*substitute 'red' with your color of choice*/
  border-color: red;
}
 
.popover.right>.arrow:after {
  border-right-color: red;
}
 
.popover-content {
  background-color: red;
  font-size: 14px;
}

et voila le resultat que j'ai abouti :




Je voudrais changer la taille de text, hauteur de popover, et aussi je veux tous le popover coloré

[NoSmoking]

Bonjour,
tu n'as pas entendu parler des pseudo-classes dynamiques comme :hover ?

[fidbell84]

non mon code est fonctionnel
c'est pas le pbm de hover. Mais, le pbm dans style de popover

[Invité]

Bonjour,
comme tu as identifié la class à modifier (.popover), où est TON problème ?

Tu veux qu'on écrive le code à ta place ??

• Glossaire des propriétés CSS

[NoSmoking]

Ma proposition allait dans le sens de faire cela en CSS pur sans avoir recours à du javascript.

D'ailleurs si c'est pour faire du tooltip autant le faire avec le bon plugin.