# Disabling text selection in polls

**URL:** <https://meta.discourse.org/t/disabling-text-selection-in-polls/31586>\
**Category:** UX\
**Tags:** polls\
**Created:** [31.Июль.2015 00:39:50 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586 "2015-07-31T00:39:50Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Un3qual](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/un3qual/32/116194_2.png) [@Un3qual](https://meta.discourse.org/u/Un3qual)\
**Post date:** [31.Июль.2015 00:39:50 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/1 "2015-07-31T00:39:50Z")

</div>

Continuing the discussion from [A better poll 📊 feature](https://meta.discourse.org/t/a-better-poll-bar-chart-feature/28008/12):

> [@erlend\_sh](#):
>
> Great addition. Could you make the button-text unselectable though?
> 
> ![](https://global.discourse-cdn.com/meta/original/3X/7/5/75d36c88831cc25a711c4bf8f139074929de8277.png)

You can disable selection in polls with this css:

```css
.poll {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

```

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [31.Июль.2015 02:21:15 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/2 "2015-07-31T02:21:15Z")

</div>

No need to be so verbose, we already have a SASS mixin for this.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [31.Июль.2015 10:43:15 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/3 "2015-07-31T10:43:15Z")

</div>

Ok good idea, I added this

```
div.poll {
  @include unselectable;

```

---

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [31.Июль.2015 10:43:34 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/4 "2015-07-31T10:43:34Z")

</div>

Thanks 👍 There you go 🐇

[https://github.com/discourse/discourse/commit/233cdc011d8f6f04e68581f7427149897e3c4b47](https://github.com/discourse/discourse/commit/233cdc011d8f6f04e68581f7427149897e3c4b47)

---

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [31.Июль.2015 10:43:36 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/5 "2015-07-31T10:43:36Z")

</div>



---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [31.Июль.2015 10:44:32 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/6 "2015-07-31T10:44:32Z")

</div>

oh noes! 👀 DOUBLE UNSELECTABLE!

---

<div class="post-metadata">

**Author:** ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)\
**Post date:** [31.Июль.2015 13:12:51 UTC](https://meta.discourse.org/t/disabling-text-selection-in-polls/31586/7 "2015-07-31T13:12:51Z")

</div>

Does that mean it’s `SELECTABLE`? 😉