How to use select in css3
This article mainly explains "how to use select in css3". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to use select in css3".
In css3, select is used to specify whether the element's text can be selected in the "user-select" attribute; this attribute prevents double-clicking the selected text in the browser, which by default allows the element's text to be selected, and the syntax is "element {user-select: attribute value;}".
The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.
What is the use of select in css3
The user-select attribute specifies whether the text of the element can be selected.
In a web browser, if you double-click on the text, the text is selected or highlighted. This property is used to prevent this behavior.
Default value: auto
The syntax is:
User-select: auto | none | text | all
Where the attribute value represents the result as follows:
Auto defaults. If the browser allows it, you can select the text.
None prevents text selection.
Text text can be selected by the user.
All Click to select text instead of double-click.
Examples are as follows:
Div {- webkit-user-select: none; / * Safari * /-ms-user-select: none; / * IE 10 and IE 11 * / user-select: none; / * Standard syntax * /} user-select attribute The text of this div element cannot be selected. If you double-click me, my text will not be highlighted.
Output result:
Thank you for your reading, the above is the content of "how to use select in css3". After the study of this article, I believe you have a deeper understanding of how to use select in css3, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
