kkapsner
Super Moderator
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<style type="text/css">
label {
display: inline-block;
border: 1px solid black;
cursor: pointer;
overflow: hidden;
}
label input + span {
display: inline-block;
width: 2.5em;
border: 1px solid black;
outline: 4px solid red;
margin: 4px;
text-align: center;
line-height: 1.1em;
height: 1.1em;
}
label:active span, label span:active {
outline-color: orange;
}
label input:checked + span {
outline-color: green;
}
label input[type=radio] {
position: absolute;
right: 100%;
}
</style>
</head>
<body>
<label><input type="radio" name="radio"><span>Text</span></label>
<label><input type="radio" name="radio" checked="checked"><span>Text</span></label>
<label><input type="radio" name="radio"><span>Text</span></label>
</body>
</html>