[X] Помощник

[bololik Topic Starter]

Как сделать, чтобы фокус полностью закрывал прежний стиль? сейчас он при нажатии увеличивает весь padding основного backgrounda.



Сообщение отредактировал BLIK - 1.3.2019, 12:13

Причина редактирования: вставил картинку

[Ilya-X5X]

Можно сам CSS увидеть, а также HTML-код элементов, к которым он применяется?

[bololik Topic Starter]

.a1, .a2, .a3, .a4, .a5, .a6  {
    background: #2b2a29;
    border-radius: 60px;
    font-size: 25px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 12px;
  
}


.a1 :focus {
background: linear-gradient(to right, #F6EFD2, #CEAD78);
  color: #2b2a29;
border-radius: 60px;
font-size: 25px;
display: inline-block;
    padding: 12px;
}

<div class="aa1">
<div class="a1"><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">ПОЭТАПНАЯ ОПЛАТА</a></div><div id="identifikator" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/885.png" /></p></div>

<div class="a2"><a href="javascript:collapsElement('identifikator1')" title="" rel="nofollow"> ПОЛНЫЙ ЦИКЛ РАБОТ </a></div>
<div id="identifikator1" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/886.png" /></p></div>

<br /><div class="a3"><a href="javascript:collapsElement('identifikator3')" title="" rel="nofollow">БЕСПЛАТНЫЕ УСЛУГИ</a></div>
<div id="identifikator3" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/888.png" /></p></div>

<div class="a4"><a href="javascript:collapsElement('identifikator4')" title="" rel="nofollow">СОВРЕМЕННЫЕ ТЕХНОЛОГИИ</a></div>
<div id="identifikator4" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/899.png" /></p></div>

<br /><div class="a5"><a href="javascript:collapsElement('identifikator5')" title="" rel="nofollow">ОРИГИНАЛЬНЫЕ<br />АРХИТЕКТУРНЫЕ<br />РЕШЕНИЯ</a></div>
<div id="identifikator5" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/062.png" /></p></div>

<div class="a6"><a href="javascript:collapsElement('identifikator6')" title="" rel="nofollow">ВЫСОКОЕ КАЧЕСТВО<br />СТРОИТЕЛЬСТВА</a></div>
<div id="identifikator6" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/788.png" /></p></div>

</div>

это просто скрипт был, с css сама намудрила, нужен вид такой именно. а с этим замучалась, уже и так и сяк. все равно увеличивается и все(((


Сообщение отредактировал BLIK - 1.3.2019, 13:59

Причина редактирования: подправил код

[bololik Topic Starter]

Спасибо разобралась)

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.