I'm currently working with bootstrap and have implemented a table with the property "table" to create a light background for the data pulled from a database. The design looks great, except for when I try to insert a button in each row for editing purposes. The button ends up appearing white and almost invisible, but removing the "table" property messes up the display of the data.
How can I exclude the "table" property for just the button element? I've tried adjusting the color of the button using .btn-css without success.
Below is the HTML code snippet:
<table class="table cons-table table-striped border">
<thead>
//Some code
</thead>
<tbody>
//Some code
//Button not displaying correctly
<button class="btn btn-primary">Change</button>
</tbody>
</table>
And here is the CSS code I've attempted, but color modifications are not taking effect:
.btn {
background-color: solid;
cursor:pointer;
}
.btn-primary {
background-color: 24a0ed;
}