Numéros de pages restylés

TipO

Bonjour,

je "m'amuse" à découvrir les règles CSS pour trouver des styles à mon goût.

Les numéros de pages, ma cible du jour, sont restylés comme suit :

/* blocs numéros pages arrondis*/<br>.pagination a {<br>	display: inline-block;<br>	padding: 10px;<br>	margin: 5px;<br>	text-align: center;<br>  border-radius: 45%;<br>  background: #CCCCCC !important;<br>	color: #94A5B9 !important;<br>}

Le résultat

fred

Voilà une présentation très moderne !

TipO

Bonjour,

une variante qui me plait bien, plus lisible me semble-t-il.

/*numéros pages arrondis, fond gris*/<br>.pagination a {<br>	display: inline-block;<br>	padding: 10px;<br>	margin: 5px;<br>	text-align: center;<br>  border-radius: 45%;<br>  background: #DDDDDE !important;<br>	color: #94A5BB !important;<br>}<br><br>.pagination a:hover {<br>  background: none !important;<br>  font-weight: 190% !important;<br>  color: #0055FF !important;<br>}<br><br><br>.pagination a.disabled {<br>	pointer-events: none;<br>	cursor: default;<br>  border-style: inset !important;<br>  border-color: #DDDDDE40 !important;<br>	background: none !important;<br>	color: #AAAAAA !important;<br><br>}<br>