Hide selection in webpart - .ms-WPHeaderTdSelection {display:none}

Question

Hiding the selection is not working.

<style type="text/css">

.ms-WPHeaderTdSelection {display:none}

</style>

Here is the working code:

<style>
/*--------Hide the columns--------*/
.ms-viewheadertr { 
 display: none;
}
/*---------Hide the Add Document option-------*/
.ms-addnew { 
 display: none;
}
/*---------Remove the new image icon on newly added documents-------*/
IMG.ms-newgif {
 display:none;
}
/*---------Hide the web part selection checkbox------*/
.ms-WPHeaderTdSelection
{
display: none;
}
</style>

Answer 1

You can't hide it with only css, because it will displayed with javascript on mouseover. Why do you want to hide the webpart context menu? Could it be sufficient to control this with user permissions

Site Actions-->Site Settings-->Users & Groups and you can edit the permissions..

Or you can remove webpart chrome and this context menu will only appear in Edit Page mode which you also can control with permissions.

Answer 2

Using the following CSS worked for me:

.ms-WPHeaderTdSelection
{
    display: none !important;
}