Home/ Questions/Q 6671057
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:20:32+00:00

I want the Tags tab to have the same background as the Search tab

  • 0

I want the Tags tab to have the same background as the Search tab when the mouse is over it, how do I do this?

I have the search tab already with a background as a default but when going to click on Tags how can I get the same background that is on Search to appear behind Tags?

HTML:

<html>
<head>

<link href="arg.css" rel="stylesheet" type="text/css" />

</head>
<body>


<div class="tab-item tab-selected" id="search-box">
Search
</div>
<div class="tab-item" id="tag-box">
Tags
</div>

</body> 
</html>

CSS:

.tab-item {
-moz-border-radius: 10px;
border-radius: 10px;
font: 14px helvetica;
color: #000;
height: 20px;
float: left;
margin: 5px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
position: relative;
width: 75px;
}

.tab-mouseover {
background: #bdbdbd;
}

.tab-selected {
background: #c0c0c0; 
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the hover css pseudoclass

    http://jsfiddle.net/mrtsherman/7FvR5/

    tab-item:hover {     background: #c0c0c0;  }
    • 0