Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

[Решено] hover для одной кнопки из групы


Recommended Posts

Отдельный код кнопки создан и работает, только нужно создать hover для нее, пропобовал по-разному, не получаеться. Сайт: Rizono.com Код: 

.product-thumb .button-group button:nth-child(1) {
    background-image: linear-gradient(to bottom, #41d060, #2c9f45);
	color: white;
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

Полный код:

.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button:nth-child(1) {
    background-image: linear-gradient(to bottom, #41d060, #2c9f45);
	color: white;
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #dddddd;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

 

Screenshot_10.png

Link to comment
Share on other sites


Добавьте стиль 

.product-thumb .button-group button:nth-child(1):hover {
    background-image: linear-gradient(to bottom, #d0419d, #2c9f45);
}

Link to comment
Share on other sites

  • Tom locked this topic
Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.