How to handle the ecb menu CSS?

Question

I have hidden the ECB menu from the task/DocLib lists, and I am using jquery to truncate the title field into 50 char and remaining will be displayed in the jquery popup. Even though I have removed the ecb menu but I am getting the menu image will hovering the title value. How to resolve this? How should I handle this? (jquery/ ecb menu css / .js)

Answer 1

Try something like that:

.ms-vb-title .s4-ctx, .ms-itmhover
{
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
}
.ms-vb-title .s4-ctx img
{
    display: none !important;
}

Worked for me.