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:

tight space around glyph

#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'>     &#171;  </div>

what need wrap &#171; other element, apply hover action wrapper. example:

<div id='toolxxx'>      <span>&#171;</span> </div> 

css hover

#toolxxx span:hover {     color: rgba(0,0,0,1); } 

live demo


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -