0
Как изменить цвета заголовка вкладки, так что изначально на каждом заголовке вкладки есть темный слой, когда я навис над ними, его слой меняется на бит более светлый (сероватый) и когда выбран заголовок вкладки , это самый яркий. Так же, как сейчас, с цветом текста, но я хочу сделать это с цветами фона.Изменить цвета фона меню вкладки
CSS КОД:
.ing_div_in_appl label {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
text-align: center;
color: #c2c2c2;
border: 1px solid transparent;
}
.ing_div_in_appl label:hover {
color: #888;
background-color: blue !important;
cursor: pointer;
}
.ing_div_in_appl input:checked + label {
color: #fff;
}
Я думал, может быть, используя before
тег и добавить темный слой там
.ing_div_in_appl label:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: rgba(0,0,0,0.2);
}
Я также создал DEMO.
Извините, если я был немного неясно. Я не собирался делать серое до конца, просто наложил на них накладку, так что начальный цвет у них был только темнее. –
Проверьте мои изменения. Это для первой вкладки. Вы должны установить остальные 3 цвета для каждой из оставшихся вкладок. –
По какой-то причине я не могу установить цвет фона первой вкладки с помощью предложенного метода. Но нет проблем с вкладкой others. Что я упустил? [DEMO] (http://codepen.io/anon/pen/RrENPa) –