A partir de la version 83 de son navigateur Chrome, Google a décidé de changer l'aspect de bon nombre d'objets standards.
Cela peut avoir une incidence sur vos sites déjà déployés : un même site peut avoir des champs légèrement différents si la version de Chrome est antérieure ou non à la 83.
Les changements concernent les champs pour lesquels un élément est laissé en <non défini> dans le style. En effet, c'est lorsqu'une information du style n'est pas définie que Chrome applique son style natif.
Si une modification imposée par Chrome 83 limite la lisibilité d'une zone, il faut donc déployer une mise à jour de la page en supprimant le <non défini> du style à l'origine du changement. Si pour un champ particulier l'éditeur de styles de WEBDEV ne vous permet pas de fixer une couleur ou d'obtenir l'effet voulu (par exemple un interrupteur d'une colonne de table), n'hésitez pas à contacter notre support en détaillant le champ et l'ambiance utilisée.
Voici un lien vers une page de la console Google qui précise ces changements :
https://developers.google.com/web/updates/2020/05/nic83
Voici un code CSS à ajouter dans votre page pour ici que le champ Combo utilise les options de style CSS et non le style forcé par Chrome.
Indiquer ce code CSS par exemple dans la 7 onglet de page dans HTMLEntête
<style>
[class^=wbcol] input[type="checkbox"] {
appearance: none;
width: 0.75rem;
height: 0.75rem;
border: 1px solid currentColor;
background:white;
}
[class^=wbcol] input[type="checkbox"]:checked {
box-shadow: inset white 0px 0px 0px 1px;
background:currentColor;
}
[class^=wbcol] input[type="checkbox"]:active {
box-shadow:none;
background:currentColor;
opacity:0.5;
}
[class^=wbcol] input[type="checkbox"] {
color: inherit;
}
</style>
Dès lors, la couleur de texte indiquée dans le style CSS de la colonne de table sera utilisée pour personnaliser la coche. |