communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 控制input的CSS但不影响CheckBox以及Radio的样式_表单特效

控制input的CSS但不影响CheckBox以及Radio的样式_表单特效

WBOY
Libérer： 2016-05-16 18:46:03
original
1051 Les gens l'ont consulté

但是checkbox radio等也会随着变化了,往往就是这两样控件显示的很不如人意,就想:要是
能有一种可以改变其他input控件的样式而不影响checkbox和radio的方法就好.在网上找了
很久都没有找到合适的代码:无非就是增加一个样式,然后将每个checkbox控件都加一个class="xxx"
但这样太麻烦.我经过测试和研究发现:expression((this.type!="checkbox")?(这样可以实现,可以将以下
代码拿到IE中测试一下.此方法在IE8中可行,但是没测试过FireFox中是否可行,


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

另外在网上,大家认为input[type="checkbox"]这种样式是firefox支持的样式
可以单独控制input中每种控件的样式.
Étiquettes associées：
input
source：php.cn
Article précédent：没有form表单情况下敲回车键提交表单的js代码_表单特效 Article suivant：基于innerHTML中的script广告实现代码[广告全部放在一个js里面][原创]_广告代码
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
Impossible d'obtenir l'élément d'entrée du site Web J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...
Depuis 2024-04-06 15:35:24
0
1
274
Afficher un tableau imbriqué d'objets dans un tableau HTML en itérant J'ai l'entrée suivante contenant un tableau d'objets imbriqués. summary est le tableau d'o...
Depuis 2024-04-05 14:11:42
0
1
1373
Laisser React restituer la balise de fermeture de l'entrée ? J'ai une demande inhabituelle. Mon site Web est construit à l'aide de React et je souhaite...
Depuis 2024-04-03 23:01:01
0
1
320
Plugin Shopware 6 : Comment supprimer la configuration booléenne et la migrer vers une configuration à sélection multiple J'ai un plugin Shopware6 qui est actuellement configuré avec une valeur booléenne reviewSk...
Depuis 2024-04-03 23:09:28
0
1
410
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