简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel HTML> le corps du texte

这个用css可以实现吗？还是必须用js，如下图，当选中某个选项会有背景色，没选中的就没有，应该很简单的。_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:42:21
original
1100 Les gens l'ont consulté

例如选中个人资料，个人资料背景色变成橙色，选中修改密码时背景色变成橙色，个人资料背景色消失。


上代码

Copier après la connexion


回复讨论(解决方案)

你的需求选中如果代表的是点击的话，那么是必须用到js的，因为css没有判断是不是点击的部分，但如果是鼠标移动到选项代表选中的话，那么倒是可以用css来实现更换背影颜色，在css中有个:hover的伪类写法，表示鼠标移动过就触发

最近心情不好，，，别问我为什么。。。

    statistics test
Copier après la connexion

你的需求选中如果代表的是点击的话，那么是必须用到js的，因为css没有判断是不是点击的部分，但如果是鼠标移动到选项代表选中的话，那么倒是可以用css来实现更换背影颜色，在css中有个:hover的伪类写法，表示鼠标移动过就触发

移动触发我知道，我要点击触发，JS该怎么写

点击触发用JS获取其ID，之后给下背景颜色，很简单的说

Étiquettes associées：
这个用css可以实现吗？还是必须用js，如下图，当选中某个选项会有背景色，没选中的就没有，应该很简单的。
source：php.cn
Article précédent：CSS3绘制灰太狼动画，绝对精彩_html/css_WEB-ITnose Article suivant：html decode 方法_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1037
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
9
1101
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
999
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
871
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
935
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！