Zusammenfassung der CSS-Tipps-CSS-Tutorial-php.cn

Zusammenfassung der CSS-Tipps

巴扎黑

Freigeben： 2017-05-21 10:42:39

Original

1625 Leute haben es durchsucht

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

4. textarea-Attribut

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

Nach dem Login kopieren

5 korrekt geschrieben sein

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

Nach dem Login kopieren

6. Einzeiliger Text weggelassen

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

10. Eingabefeld

11 Bildschirmmasken-Codesegment (fest ist relativ zum Fenster)

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

Nach dem Login kopieren

12 🎜>

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

Nach dem Login kopieren

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!