Skip to content

Changing the colour of the Sort/Filter/Group icon displayed in a DetailsList column header #17895

Answered by racheliWeiss
akirby64 asked this question in Q&A
Discussion options

You must be logged in to vote

hi
i was same to the problem and i succeeded to solve
for coler
<IconButton
onClick={logout}
iconProps={{ iconName: 'NavigateBack' }}
className="icon"
styles={{
icon: { color: 'white', fontSize: 24 },
root: {
selectors: {
':hover .ms-Button-icon': {
color: '#FFB400'
},
':active .ms-Button-icon': {
color: 'yellow'
}
},
},
rootHovered: { backgroundColor: '1A1F71' },
rootPressed: {backgroundColor:'1A1F71' }
}}
/>

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by micahgodbolt
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
2 participants