How to select a text with a cursor in a <button> element?

Question

I found a strange behavior, I cannot select a text in a <button> element. As an example, please try to select a text in these buttons of Bootstrap: http://getbootstrap.com/components/#list-group-buttons

Is it some standard behavior or is it editable? I need to select text in buttons.

Answer 1

You could do the reverse of this question: create the following CSS3:

.list-group-item{
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}

and link the stylesheet. It works on my firefox.

Edit: changed "all" to "text" as Nenad Vracar said. It works in Chrome and Firefox for me now