Topic: Links not colored in datatable cells
kennovation asked 6 years ago
I'm new to MDB Pro + jQuery, but easily got datatables working nicely guided by this datatables example.
However, in a table cell when I add an anchor tag, the link is not colored. Links outside of the table are styled correctly. Here's an example TD cell:
<td><a href="https://www.example.com" target="_blank">This should not be just black</a></td>
I'm sure this is just a newbie problem, but I just don't see it.
Also, I'm using 4.5.16 but the drowndown for this question form only allows 4.5.15 if that matters.
Thanks!
Marta Szymanska staff pro premium answered 6 years ago
Hi,
yes, links in a table have the same color as the normal text, they aren't blue like these links outside a table. You can add this CSS to change a color:
td a {
color: #007bff !important;
}
Do you think we should change the default color of a link from black to blue in our CSS code?
Best,
Marta
kennovation commented 6 years ago
This worked perfectly, thanks.
Yes, I do think that a blue link default would be appropriate since blue links are expected default behavior everywhere else. It would be nice to document that css fragment above in that case to hint how to change to black if that's what people want.
davidgreen commented 4 years ago
Hi, I agree that table links should be coloured using the default link colour. Not colouring the links will lead my target audience of teenagers on mobile phones to not realise there is a link there. Thanks.
Krzysztof Wilk staff commented 4 years ago
Hi!
Thanks for your suggestion. We'll consider adding it in future releases.
Best regards
Marta Szymanska staff pro premium answered 6 years ago
Hi,
thank you for your opinion, we will deal with this problem as soon as possible.
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.15
- Device: MacBook Pro
- Browser: Chrome
- OS: Mohave
- Provided sample code: Yes
- Provided link: Yes