Maison > Article > interface Web > Résumé des astuces CSS
Résumé des astuces CSS
- 巴扎黑original
- 2017-05-21 10:42:391564parcourir
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
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!