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 : 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!