Menu
Community /Pin to ProfileBookmark
@daveyerwinJul 23.2019 — #
Select a default button in a simple way
I am trying to select a default button (without javascript).
>
It must be a simpler way to achieve this. Any tip?
Sign in
to post a comment1 Comments(s) ↴
0
@daveyerwinJul 23.2019 — #``<i>
</i><style>
.tabnav {
display: flex;
background-color: #fff;
flex-direction: row;
width: 100%;
}
.tabbtn {
font-weight: 400;
background-color: #f0f0f0;
color: #111;
cursor: pointer;
width: 100%;
display: block;
border: none;
text-align: left;
font-size: 18px;
padding: 10px;
}
input[type=radio]{position:absolute;left:-1000px}
input[type=radio]:checked ~ a {background-color: #2666ae;
color: white;}
</style>
<div class="tabnav">
<label><input type=radio name=rb>
<a class="tabbtn">Step 1</a></label>
<label><input type=radio name=rb>
<a class="tabbtn">Step 2</a></label>
<label><input type=radio name=rb>
<a class="tabbtn">Step 3</a></label>
</div><i>
</i>``