Maison > Article > interface Web > Résumé des astuces CSS

Résumé des astuces CSS

巴扎黑original: 2017-05-21 10:42:391609parcourir

Cet article fournit principalement un bref résumé des astuces CSS. Il a une très bonne valeur de référence. Les amis qui en ont besoin peuvent y jeter un œil ensemble

1. Supprimez le fond jaune qui remplit automatiquement le formulaire après avoir saisi le mot de passe pour mémoriser

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset;  }
//其中#fff是背景颜色值

2. IE8 ne prend pas en charge l'attribut opacity:0 Vous pouvez ajouter les attributs suivants :

<.>

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

3. Supprimez la croix dans la zone de texte et l'icône en forme d'œil dans la zone de saisie du mot de passe dans la zone de saisie IE :

::-ms-clear,::-ms-reveal{display:none;}

4. Attribut textarea

resize:none;  //去除大小拖动
outline:none;  //去除黄色边框

5. Pour déterminer si une expression régulière est satisfaite, elle doit être écrit correctement

正则.test(要满足的那个val值)

6. Texte sur une seule ligne omis

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

7. Lorsque la taille de la police dans la feuille de style est inférieure à 12 px, l'affichage de la police dans la version chinoise du navigateur Chrome est toujours de 12 px, vous pouvez alors utiliser :

html{-webkit-text-size-adjust:none;}

8. Résolvez le problème selon lequel les balises xmp ne s'enroulent pas automatiquement A p, laissez la hauteur de ce p être 0, ou la taille de la police est 0

10. Zone de saisie

xmp {     
    whitewhite-space: pre-wrap; /* css-3 */
    whitewhite-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    whitewhite-space: -pre-wrap; /* Opera 4-6 */
    whitewhite-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: pre-wrap; /* Firefox */
}

11. segment de code de masque d'écran (fixe par rapport à la fenêtre)

<p style="height:0">
   <object object width="0" height="0" ></object>
</p>

12. 🎜>

消除input的记忆功能：在input框里面加：autocomplete="off"
input里面的内容防止复制：oncopy="return false;" oncut="return false;"
input里面的内容取消粘贴：onpaste="return false"
input里面的内容取消选取、防止复制 :<body onselectstart="return false">

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!

Déclaration：

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

Article précédent：Explication détaillée de la propriété display:flex||inline-flex en CSSArticle suivant：Explication détaillée de la propriété display:flex||inline-flex en CSS

Articles Liés

Voir plus