Search code examples
cssgwtgwt-tablayoutpanel

GWT TabLayoutPanel not allow text selection on tabs

Hi is there a way to not allow text selection on tabs for GWT TabLayoutPanel (and other gwt widgets)?

I tried to use css like:

.gwt-TabLayoutPanel {
    user-select: none;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    user-select: none;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    user-select: none;
} 

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    user-select: none;
} 

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    user-select: none;
}

Thanks!

Solution

  • This has already been answered: look here

    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

    for IE < 10 and opera:

    <div id="foo" unselectable="on">...</div>