Bonjour à tous,
Tout d'abord, je dois vous dire que je ne suis pas un kador sur le CSS.
Je dev une application sous ASP et j'ai besoin de designer les scrollbars qui par défaut ne sont pas très jolies.
J'ai trouvé sur internet des éléments de design que j'ai appliqué à ma feuille de style css. Mais cette mise en forme ne s'applique qu'a 1 seul composant ScrollBar1, puisque le nom commence par un # - code css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/* design : SCROLL BARS */
/*barre entiere*/
#ScrollBar1::-webkit-scrollbar {
  width: 10px;
  background-color:transparent;
}
/*Bg de la barre*/
#ScrollBar1::-webkit-scrollbar-track {
    /*border-radius: 5px;*/
    background-color:rgba(250, 250, 250, 0.05);
}
#ScrollBar1::-webkit-scrollbar-track:hover {
    background-color:rgba(250, 230, 250, 0.15);
}
/*curseur de la barre*/
#ScrollBar1::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color:rgba(250,250,250,0.1);
}
#ScrollBar1::-webkit-scrollbar-thumb:hover {
  background-color:rgba(250, 230, 250, 0.4);
}
Je souhaite que ces informations de design de scrollbar puissent être embarquées dans un style que j'appliquerai aux différents composants qui en ont besoin.
C'est là que j'ai besoin de votre aide... comment écrire ces propriétés en tant que un style ?
Merci
Patrick