Changer l'arriere plan d'une liste <li>

Bonjour,

Mon probleme c'est que je veux que dans une liste <li> j'utilise la foncrion onclick de javascript,

Voici mon code source en html

<button class="glyphicon glyphicon-text-height btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></button>
							<ul class="dropdown-menu">
								<li onclick="window.open('nouscab.php#PS','','scrollbars=yes,resizable=yes,width=420,height=420')" style="font-size: 10px">Some text 10</li>
								<li style="font-size: 12px">Some text 12</li>
								<li style="font-size: 15px">Some text 15<li>
								<li style="font-size: 17px">Some text 17</li>
								<li style="font-size: 20px">Some text 20</li>
								<li style="font-size: 22px">Some text 22</li>
								<li style="font-size: 25px">Some text 25</li>
							</ul>
						</div>

Disons que je clique sur le Some text 10 en fait il n'y pas d'effet visuel quand je clique comme dans un <button>

donc ça ne se voit pas visuellement alors qu'il y a une popup qui s'ouvre.

Je veux juste qu lorsque je clique sur un <li> le background chnge de couleur comme un <button>.

Cordialement.
Modifié par Coder99 (29 Jul 2017 - 20:43)

C'est pas très usuel. Préfère une classe :

<li class="cequetuveux"></li>

.cequetuveux {
      cursor: pointer;
}

:)

_laurent a écrit :
C'est pas très usuel. Préfère une classe :

<li class="cequetuveux"></li>

.cequetuveux {
      cursor: pointer;
}

:)

Merci
j'avais pas pensé, que je suis bête