Heim > Artikel > Web-Frontend > Zusammenfassung der CSS-Tipps

Zusammenfassung der CSS-Tipps

巴扎黑Original: 2017-05-21 10:42:391562Durchsuche

Dieser Artikel enthält hauptsächlich eine kurze Zusammenfassung von CSS-Tipps. Es hat einen sehr guten Referenzwert. Freunde, die es brauchen, können gemeinsam einen Blick darauf werfen

1. Entfernen Sie den gelben Hintergrund, der das Formular automatisch ausfüllt, nachdem Sie das Passwort eingegeben haben, um es sich zu merken

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

2. IE8 unterstützt das opacity:0-Attribut nicht. Sie können die folgenden Attribute hinzufügen:

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

3. Entfernen Sie das Kreuz im Textfeld und das Augensymbol im Passwort-Eingabefeld im IE-Eingabefeld:

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

4. textarea-Attribut

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

5 korrekt geschrieben sein

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

6. Einzeiliger Text weggelassen

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

7. Wenn die Schriftgröße im Stylesheet weniger als 12 Pixel beträgt und die Schriftanzeige in der chinesischen Version des Chrome-Browsers immer noch 12 Pixel beträgt, können Sie Folgendes verwenden:

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

8. Lösen Sie das Problem, dass xmp-Tags nicht automatisch umbrochen werden. A p, die Höhe dieses p sei 0 oder die Schriftgröße sei 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 */
}

10. Eingabefeld

11 Bildschirmmasken-Codesegment (fest ist relativ zum Fenster)

<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">

Das obige ist der detaillierte Inhalt vonZusammenfassung der CSS-Tipps. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der display:flex||inline-flex-Eigenschaft in CSSNächster Artikel：Detaillierte Erläuterung der display:flex||inline-flex-Eigenschaft in CSS

In Verbindung stehende Artikel

Mehr sehen