אני משתמש בהגדרות CSS הבאות, אך העיצוב לא מתחלף במעבר סמן העכבר מעל הקישור:

קוד:

a.search:link,
a.search:visited {
	display:block;
	float: right;
	margin-right: 4px;
	background:lightgreen;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

a.search:hover,
a.search:active {
	display:block;
	float: right;
	margin-right: 4px;
	background:lightgreen;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

קוד:

<div>
	<a href='' class='search' style='background:Yellow;'>1</a>
	<a href='' class='search'>2</a>
	<a href='' class='search'>3</a>
	<a href='' class='search' style='background:Gold;'>4</a>
</div>

במאפיים href יש כמובן קישור כל שהוא.

תוריד את הa לפני השם של העיצוב:

קוד:

.search:link,
.search:visited {
	display:block;
	float: right;
	margin-right: 4px;
	background:lightgreen;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

.search:hover,
.search:active {
	display:block;
	float: right;
	margin-right: 4px;
	background:lightgreen;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

כל העיצוב הוא אותו דבר....

EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT ONE BIT SIMPLER
ALBERT EINSTEIN

ההבדל הוא במסגרת, המצב הרגיל יוצר אפקט בליטה, והשני אפקט שקוע, תסתכל שוב.

האמת, אני לא רואה ממש הבדל בין שתי ההגדרות.

בכל מקרה, אתה לא צריך להגדיר פעמיים עיצוב לאלמנט.

ס'ודקים, טעות שלי.
סידרתי וזה עובד כצפוי.

קוד:

a.search:link,
a.search:visited {
	display:block;
	float: right;
	margin-right: 4px;
	background:lightgreen;
	padding: 0px 3px 0px 3px;
	font-size: 12px;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
}

a.search:hover,
a.search:active {
	border-left: 2px solid gray;
	border-top: 2px solid gray;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}