The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Newbie here: Need help with my Table Row with hyperlink data highlight on hover
xaelxaelxael
post Aug 1 2022, 11:09 AM
Post #1





Group: Members
Posts: 2
Joined: 1-August 22
Member No.: 28,477



So I have this table, when I hover on anything except on the Account Name column, everything is highlighted in BLUE except the respective Account Name.
Attached Image

It only changes to BLUE when I hover on the Account Name.
Attached Image

NOTE:
The account name is a hyperlink.



HTML excerpt:
<tr class="bl-hlt">
<td>03/22/2022</td>
<td>2642252</td>
<td>
<a id="link" href="#">Right Time Logistics DBA RTT Transport</a>
</td>
<td>CA</td>
<td>11 Western</td>
<td>06/25/2022</td>
<td>3</td>
<td class="val-holder">
<span class="dollar-sign">$</span> 58,500
</td>
</tr>



CSS excerpt:

BLUE HIGHLIIGHT ON HOVER
.user-list-wrap table tr.bl-hlt:hover td {
-webkit-text-stroke: 1px #101EE6 !important;
}


HYPERLINK FORMATTING
a:-webkit-any-link {
color: black;
cursor: pointer;
text-decoration: none;
}
a:hover {color:#101EE6;}




Thanks in advance!
smile.gif

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Aug 1 2022, 02:10 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,152
Joined: 10-August 06
Member No.: 7



QUOTE(xaelxaelxael @ Aug 1 2022, 06:09 PM) *

when I hover on anything except on the Account Name column, everything is highlighted in BLUE except the respective Account Name.
Attached Image

Which browser are you using? Sounds like it doesn't support the -webkit-text-stroke property on links. In my Windows browsers it seems to work though.

QUOTE
It only changes to BLUE when I hover on the Account Name.
Attached Image

NOTE:
The account name is a hyperlink.

That should be because the a:hover rule changes the ordinary color property, not the text-stroke-color.

Non-standard CSS properties like https://developer.mozilla.org/en-US/docs/We...kit-text-stroke or https://developer.mozilla.org/en-US/docs/Web/CSS/:any-link may not work in all browsers, or may work in non-standard ways, so it's best to avoid using such properties unless testing thoroughly.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th August 2022 - 10:37 AM