onMouseOver i celler, border?

HTML & CSS

3 svar · 232 visningar · startad av Troll

Medlem sedan dec. 2003229 inlägg
Trådstart#1

Hejsan!

Jag skulle behöva ha lite hjälp med en grej här...

<td onmouseover="this.style.backgroundColor='#FFFFFF';" onmouseout="this.style.backgroundColor='#000000';">Text</td>

Denna snutt är det ju inga problem med men det jag undrar är om det går att lägga till någon kod som gör att det som standard och mouseOut ska vara en svart border på ena sidan som är en pixel bred. Men vid mouseOver så ska den försvinna.

Hur löser jag detta?

Medlem sedan dec. 20042 245 inlägg
#2
td { border-right:1px solid; }
td:hover { border-right:none; }

Menar du så?

Medlem sedan dec. 2003229 inlägg
#3

Ja precis!
Varför tänkte jag itne på det själv? Det var ju ganska uppenbart :D

Tack så mycket :)

Medlem sedan okt. 20001 285 inlägg
#4

du kan ju också köra ett klassnamn vi onmouseover

<td class="hmm" onmouseover="this.className='tut'" onmouseout="this.className='hmm'">
264 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)