ID非公開

2020/11/27 19:26

11回答

アフィンガー5 という有料テーマで切替可能なタブボタンを設置したのですが、CSSで作成したアコーディオンのボタンが左のタブの幅までしか長くならず、途中で改行されてしまいます。

画像
補足

タブ2つの時は問題がなくなりましたが、3つや4つを設置するとおかさいです。 } .accordion4 label:hover:after { color: #fff; } .accordion4 label:hover { background: #ff8484;/*ボタン色*/ color: white; } .accordion4_input { display: none; } .accordion4_content { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } .accordion4_input:checked ~ .accordion4_content { height: auto; padding: 0.7em 0; opacity: 1; } .accordion4_input:checked + label { background: #ff8484;/*ボタン色*/ color: #fff; } .accordion4_input:checked + label:after { content:'\f078'; color: #fff; }

ベストアンサー

1

1人がナイス!しています

ID非公開

質問者

2020/11/27 20:20

無事にできました。 ありがとうございます。 タブが3つの場合はまた別なのでしょうか?

画像