We will see all user-select options in one place. Go through the below demo to understand it further. When you give user-select as contain or element selection will be bound to that element and cannot be extended. So what exactly this user-select contain will do? In IE we have to give user-select option as element instead of contain. User-select contain is not supported in other browsers except internet explorer. And if the element is an editable element i.e., text or textarea the computed value is contain or element (In IE).On pseudo elements ::before and ::after the behavior is none.Otherwise the default behavior is text.or if the value is text it’s value is text or if the computed value is all then it’s value is all. If the parent element’s computed value is none then it’s value is none.User-select auto behavior depends upon its parent element’s computed value of user-select. Text inside the element is automatically selected on context click.
When we give user-select property as all. When you give user-select property as text, user can select the text. Text selection is disabled in children element also Selection will be bound to particular elementĪs explained above, when we give user-select property value as none to an HTML element we cannot select the text inside the element including it’s children element. User-select value depend upon its parent user-select option You can find more details about draft specification here user-select property values: # User-select css property controls whether a text in a HTML element can be selected or not. disable-select What does user-select property will do? # I have added disable-select class to the second div now we will add user-select css property. You cannot select this text,text selection is disabled To disable the text selection in HTML we need to give user-select property value as none. Go through the below example to understand if further. What does user-select property will do?ĭisable text selection css Using user-select:none: #.
0 kommentar(er)
