Résumé des astuces CSS-tutoriel CSS-php.cn

Résumé des astuces CSS

巴扎黑

Libérer： 2017-05-21 10:42:39

original

1641 Les gens l'ont consulté

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是背景颜色值

Copier après la connexion

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

<. 🎜>

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

Copier après la connexion

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;}

Copier après la connexion

4. Attribut textarea

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

Copier après la connexion

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

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

Copier après la connexion

6. Texte sur une seule ligne omis

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

Copier après la connexion

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;}

Copier après la connexion

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 */
}

Copier après la connexion

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>

Copier après la connexion

12. 🎜>

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

Copier après la connexion

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!