J'ai du JavaScript trivial pour effectuer un changement de style:
sel = document.getElementById('my_id');
sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected');
return false;
Cela fonctionne bien avec les dernières versions de FF, Opera et IE, mais échoue sur les dernières versions de Chrome et Safari.
Elle affecte deux descendants, qui sont des frères et sœurs. Le premier frère est mis à jour, mais pas le second. Un enfant du deuxième élément a également le focus et contient la balise <a> qui contient le code ci-dessus dans un attribut onclick .
Dans la fenêtre "Outils de développement" de Chrome, si je décale (par exemple, décochez et cochez) un attribut d' un élément, le deuxième frère met à jour le style correct.
Existe-t-il une solution de contournement pour «pousser» facilement et par programme WebKit à faire la bonne chose?