Change style of searchPanes button
Change style of searchPanes button
Malahoi
Posts: 1Questions: 1Answers: 0
How can I set the on-hover color and cursor style of the searchPanes button? I'd like to get an mouseover color change and pointer-to-hand cursor change so the button is consistent with other elements across the site. I've tried inline styling but it doesn't seem to work. Thank you!
new DataTable('#references', {
language: {
searchPanes: {
clearMessage: 'Clear All',
collapse: { 0: 'Filter by Manufacturer or Type', _: 'Active Filters (%d)' }
}
},
layout: {
topStart: {
buttons: [{
extend:'searchPanes',
}]
},
bottomEnd: {
paging: {
boundaryNumbers: false
}
}
},
columnDefs: [
{
searchPanes: {
header: 'Filter'
},
target: 4,
visible: false,
searchable: false
}
],
});
Answers
If you right click on the element and select "Inspect" you'll be able to see the styles applied to it, and thus the selectors used. You can then use them, and modify to suit your needs. For example
Depending on which button it is you are refering to of course!
Allan