javascript - css html hover only on the letter/character area -
how can make hover effect work when cursor moves on « character? hover effect applied whenever cursor enters red background. need apply when cursor in area:
#toolxxx { background-color: #ff0000; background-size: 10px 10px; z-index: 100; position: fixed; right:1; top: 50px; color: rgba(255,255,255,1); font-size: 50px; } #toolxxx:hover { z-index: 100; position: fixed; right:1; top: 50px; color: rgba(0,0,0,1); font-size: 50px; }
<div id='toolxxx'> « </div>
what need wrap «
other element, apply hover
action wrapper. example:
<div id='toolxxx'> <span>«</span> </div>
css hover
#toolxxx span:hover { color: rgba(0,0,0,1); }
Comments
Post a Comment