Remove button css reference?
Remove button css reference?
Hello,
I am trying to change the background color for the remove button in this block:
buttons: [
{ extend: "edit", className: 'edit', editor: editor, text: "Edit Selected Comments" },
{ extend: "remove", className: 'remove', editor: editor, text: "Delete Selected Comments" },
I have the following css:
a.dt_button.remove {
border: 2px solid #FFFFFF;
color: white;
padding: 10px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
background:url(/Affinity/images/deletebackground.png);
}
But it remains gray. The class I used for the edit button works but not remove. Am I referencing it correctly?
Answers
change background:url
to background-image:url(/Affinity/images/deletebackground.png);
assuming the path is right
Also, don't forget about .remove:hover