Some styles of-webkit/ie/firefox

Limited to-webkit style effects;
-webkit-overflow-scrolling:touch; rebound effect when rolling;
If an occasional stuck condition occurs, do not set the positioning on the element using the attribute or manually set the position to static;
If Add dynamic content page cannot scroll, let child element height+1;
The method is to add a height of 1% or 1px on the next layer of the Webkit-overflow-scrolling:touch property. Thus actively triggering the scrollbar
Main-inner {
Min-height:calc (100% + 1px)
}

Main:after {
Min-height:calc (100% + 1px)
}

If you need to set the effect in body using this:
html,body{
height:100%;
Overflow:auto;
-webkit-overflow-scrolling:touch;
}
------------------------------------------------------------------------
-webkit-user-drag:auto | element | none;
Auto: Use the default drag-and-drop behavior, in which case only images and links can be dragged.
element: All elements (not just its contents) can be dragged.
None: The element cannot be dragged. Can be dragged after being selected.
--------------------------------------------------------------
-webkit-tap-highlight-color:<color>
When the user taps a link or JavaScript to click on an element, the element is covered with a high-light color;
If you want to cancel this highlight, set the value to full transparency, such as transparent
--------------------------------------------------------------
-webkit-box-reflect:none | <direction> <offset>? <mask-box-image>?
<direction> = Above | below | Left | Right
<offset> = <length> | <percentage>
<mask-box-image> = None | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>
None
No reflection
<direction> Demo: Simple picture reflection with Webkit
Above
Specifies that the reflection is on top of the object
Below
Specify the reflection below the object
Left
Specify the reflection on the left side of the object
Right
Specify reflection on the right side of the object
<offset> Demo: Picture and reflection interval see with Webkit
<length>:
Use the length value to define the interval between the reflection and the object. Can be a negative value
<percentage>:
Defines the interval between the reflection and the object in percent. Can be a negative value
<mask-box-image> Demo: More realistic image reflection with gradient see with Webkit
None: no matte image
<url&gt: Specifies the mask image using an absolute or relative address.
<linear-gradient&gt: Creates a matte image with a linear gradient.
<radial-gradient&gt: Creates a matte image using a radial (radioactive) gradient.
<repeating-linear-gradient&gt: Creates a back matte image with a repeating linear gradient.
<repeating-radial-gradient&gt: Creates a matte image with a repeating radial (radioactive) gradient.
--------------------------------------------------------------
-webkit-text-stroke-color:<color>
The stroke color of the text.
-webkit-text-stroke-width:<length>
Specifies the stroke thickness (such as 2px) with a length value, and does not allow negative values;
--------------------------------------------------------------
-webkit-text-fill-color:<color>
Default value: transparent;
--------------------------------------------------------------

IE-only style effects;
scrollbar-3dlight-color:<color>
Retrieves or sets the appearance color of the object ScrollBar 3d light-colored shaded border (threedlightshadow).
scrollbar-darkshadow-color:<color>(All block-level elements except table system)
Retrieves or sets the appearance color of the object scroll bar 3d Dark shaded border (Threeddarkshadow).
scrollbar-highlight-color:<color>
Retrieves or sets the appearance color of the object scroll bar 3d highlight border (threedhighlight).
scrollbar-shadow-color:<color>
Retrieves or sets the appearance color of the object ScrollBar 3d shadow border (Threedshadow).
The above default values are: Threedshadow; applies To: all block-level elements except table system
--------------------------------------------------------------
scrollbar-arrow-color:<color>
Retrieves or sets the color of the object scroll bar direction arrows. This property is invalidated when the scroll bar appears but is not available.
Default value: ButtonText; applies To: all block-level elements except table system
--------------------------------------------------------------
scrollbar-face-color:<color>
Retrieves or sets the appearance color of the object ScrollBar 3D surface (threedface).
Default value: Threedface; applies To: all block-level elements except table system
--------------------------------------------------------------
scrollbar-track-color:<color>
Retrieves or sets the appearance color of the drag area of an object scroll bar.
Default value: Transparent; applies to: all block-level elements except table system
--------------------------------------------------------------
scrollbar-base-color:<color>
Retrieves or sets the object scroll bar datum color. Other interface colors will automatically adjust accordingly.
Default value: Transparent; applies to: all block-level elements except table system
--------------------------------------------------------------
filter:<filter>+ applies To: all elements;
Same effect for both types
Div{filter:alpha (opacity=50);}/* for IE8 and earlier */
div{opacity:.5;}/* for IE9 and other browsers */
--------------------------------------------------------------
behavior:<url> | url (#objID) | URL (#default #behaviorname)
Applies to: all elements
<url>:
Specify the DHTML behavior component (. htc) with an absolute or relative address
URL (#objID):
Using binary to implement DHTML behavior, #objID为object对象指定的id特性
URL (#default #behaviorname):
The default behavior of IE. specified by Behaviorname (sets or retrieves the DHTML behavior of an object. Multiple behaviors are separated by a space. ）
The following example:
Div{behavior:url (FLY.HTC) URL (shy.htc);}
--------------------------------------------------------------
the following Firefox
border-colors: (generally with four-directional values)
Border-top-colors
Border-right-colors
Border-bottom-colors
Border-left-colors
The width of the border is (n) px, so you can set up the N-Group border color,
The width of each set of border color is 1px, if border width is 10px,
With only 6 sets of border colors set, the last set of border colors will automatically render the remaining width
--------------------------------------------------------------

Some styles of-webkit/ie/firefox