Ich versuche, ein Video-Steuerelemente zu stylen.materializecss Stil Radio-Taste als Taste
Ich möchte zwei Radio-Tasten für schnellen Vorlauf/Rücklauf.
Wie kann ich sie so gestalten, dass sie als Schaltflächen mit gedrückten Status für das ausgewählte Optionsfeld angezeigt werden?
Dies ist eine grundlegende Probe Sie optimieren können, Ihre Bedürfnisse
#help label {
float:left;
width:120px;
\t margin:0px;
background-color:#FFF;
border-radius:4px;
border:1px solid #D0D0D0;
overflow:auto;
}
#help label span {
text-align:center;
font-size: 16px;
padding:10px 0px;
display:block;
}
#help label input {
position:absolute;
top:-20px;
}
#help input:checked + span {
background-color:indigo;
color:white;
}
#help .white {
background-color:#FFFFFF;
color:#000;
}<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css">
</head>
<body>
<div id="help" class="row halign">
<label class="white">
\t \t <input type="radio" name="unemployment">
\t \t <span>I</span>
\t </label>
<label class="white">
\t \t <input type="radio" name="unemployment">
\t \t <span>need</span>
\t </label>
<label class="white">
\t \t <input type="radio" name="unemployment">
\t \t <span>a</span>
\t </label>
<label class="white">
\t \t <input type="radio" name="unemployment">
\t \t <span>job</span>
\t </label>
</div>
</body>
</html>