Define the selected style:-moz-user-select attribute (only FF is supported)-
Blocked selected style definition:-moz-user-select attribute (only Firefox is supported ).
Simple Example:
<Div style = "-moz-user-select: none;"> you cannot select me under ff! </Div>
This attribute has three property values:
1. None: In the ff2.0 test, none is used, and all the text of the child element cannot be selected, including the text in the input box.
2.-moz-ALL: all the text of the child element can be selected, but the text in the input box cannot be selected.
3.-moz-None: All the text of the child element cannot be selected, except the text in the input box (tested ).
Link List:
|
Text in input form |
General page text |
Set none |
Not optional |
Not optional |
Set moz-None |
Optional |
Not optional |
Set moz-all |
Not optional |
Optional |
When-moz-all and-moz-none are embedded, the preceding link list is followed, for example:
<Style>
# My2
{
-Moz-user-select:-moz-none;
}
. Test
{
-Moz-user-select:-moz-all;
}
</Style>
<Body>
Instance 4:
<Div id = "my2">
<Input type = "text" name = ""> <span> dfdfdfd </span>
<Ul class = "test">
<Li> select me </LI>
<Li> select me </LI>
</Ul>
</Div>
</Body>
The ff and IE settings are not selected, for example, the followingCodeImplementation:
Example 5: Set the text in IE to be optional
<Div style = "-moz-user-select: none;" onselectstart = "javascript: Return false;">
<Input type = "text" value = "cannot select me"/>
<Ul>
<Li> I cannot be selected </LI>
<Li> I cannot be selected </LI>
</Ul>
</Div>
In IE, onselectstart = "javascript: Return false;" events are implemented. This method is not supported in ff.