CSS tips, will be constantly updated

1. Remove input remember password and automatically fill the yellow background of the form

{ -webkit-box-shadow: 0 0 0px 1000px #FFF inset;  }
Where #fff is the background color value

2, IE8 does not support the Opacity:0 property, you can add the following attributes:

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

3. The IE input box removes the cross of the text box and the eye icon of the password input box:

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

4. TextArea Properties

Resize:none;  Remove size drag outline:none;  Remove yellow border

5, judge whether to meet the regular expression to write the correct way

Regular. Test (the Val value to be satisfied)

6, single-line text omitted

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

7, when the style table font-size less than 12px, the Chinese version of the Chrome browser font display is still 12px, then you can use:

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

8. Address XMP tag does not wrap:

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

9, the object height of 0 is not effective solution

Add a div to the outer layer so that the div has a height of 0, or font-size is 0<div style= "height:0" >   <object Object width= "0" height= "0" > </object></div>

10. Input Box

elimination of input memory function: In the input box add: autocomplete= "off" input content to prevent copying: oncopy= "return false;" oncut= "return false;" Content in input cancel paste: onpaste= "return false" input contents deselect, prevent copying:<onselectstart= "Return false">

11. Full Screen Mask code segment (Fixed is relative window)

<div class= "Mask" ></div>. Mask {position: fixed; top: 0; Left: 0; width: 100%; height: 100%; z-index: 999;}

12, the difference between Display:none and Visibility:hidden:

Display:none; Do not show, Occupy space
Visibility:hidden; Do not display, Occupy space

CSS tips, will be constantly updated