I’m using AG-Grid to show data in a grid. I want to customize checkbox without using any Custom Component for Checkbox.
I have to make the border slightly thin and change the border color and I’m struggling to do so.
I have tried this:-
.ag-theme-alpine .ag-checkbox-input-wrapper {
font-size: 0.875rem !important;
font-weight: 10px !important;
border-color: #b3b3b3 !important;
}
I’m able to reduce the height/width of the checkbox by giving it a font-size. But the border color and border width is unaffected.
I also tried using border property- border: 0.5rem solid #b3b3b3
. But it didn’t work.