Maison > développement back-end > tutoriel php > Introduction détaillée au style par défaut attribué au formulaire

Introduction détaillée au style par défaut attribué au formulaire

巴扎黑
Libérer: 2023-03-08 17:48:02
original
1264 Les gens l'ont consulté

Lorsque nous rédigeons un formulaire, nous constatons que certains navigateurs attribuent des styles par défaut au formulaire. Par exemple, dans le navigateur Chrome, les zones de texte et les zones de sélection déroulantes auront des bordures lumineuses lorsqu'elles chargent le focus, et dans Firefox. Et sous Google Chrome, la zone de texte multiligne peut être librement glissée et agrandie. De plus, sous IE10, lorsque du contenu est saisi dans la zone de texte, une petite croix apparaîtra sur le côté droit de la zone de texte, et ainsi de suite. sur. Il ne fait aucun doute que ces effets ont amélioré l’expérience utilisateur, mais parfois nous n’avons pas besoin de ces styles par défaut, alors que devons-nous faire ? Examinons les solutions séparément. 1. Supprimez la bordure lumineuse par défaut des zones de texte dans Chrome et d'autres navigateurs input:focus, textarea:focus { Aperçu : aucun ; } Supprimez le style de surbrillance : input:focus{ -webkit-tap-highlight-col

1. Comment utiliser CSS pour supprimer le style par défaut attribué par le navigateur au formulaire

Introduction détaillée au style par défaut attribué au formulaire

Introduction : Lorsque nous rédigeons un formulaire, nous constaterons que certains navigateurs ont donné des styles par défaut au formulaire. Par exemple, sous le navigateur Chrome, le texte. La zone de sélection et la zone de sélection déroulante sont chargées. Une fois mises au point, une bordure lumineuse apparaîtra,

[Recommandations de questions et réponses associées] :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal