国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS zum Hinzufügen von Schatten/Rahmen zu jeder Schaltfl?che, wenn Bootstrap-Schaltfl?chen aktiv sind
P粉256487077
P粉256487077 2023-08-17 23:54:27
0
1
624
<p>Ich verwende das React-Framework zum Erstellen des Frontends und verwende Bootstrap 5.3 für das Design. </p> <p>Nach meinem Verst?ndnis hat Bootstrap den Schatteneffekt mittlerweile standardm??ig eliminiert. Wenn die Schaltfl?che also aktiv ist, zeigt die Schaltfl?che keinen Schatten/Rahmen an, wie in der Bootstrap v5.0-Dokumentation. </p> <p>https://getbootstrap.com/docs/5.0/components/buttons/</p> <p>Leider wei? ich nicht, wie ich einzelne Schaltfl?chen direkt im Code anpassen kann. Ist es m?glich, diesen Schatteneffekt zu aktivieren, indem man der Schaltfl?che ein Style-Tag oder den gruppierten Schaltfl?chen ein Label-Tag hinzufügt? </p> <pre class="brush:php;toolbar:false;">style={{*Hier ist etwas CSS-Magie*}}</pre> <p>Hier ist ein Beispielcode. Ich m?chte drei Schaltfl?chen mit diesem Schlagschatteneffekt anpassen, den wir aus Version 5.0 kennen. </p> <pre class="brush:php;toolbar:false;"><div className="row"> <h4>Puffer ausw?hlen</h4> </div> <div className="row"> <div className="col-sm-4 p-3 d-flex justify-content-center"> <input type="radio" className="btn-check" name="chooseBuffer" id="buffer1" autoComplete="off" onClick={() =>measurementConfig.buffer = 1 } /> <label className="btn btn-lg btn-warning" htmlFor="buffer1"><span className="bi-database-add"></span>&nbsp;buffer1</label> ; </div> <div className="col-sm-4 p-3 d-flex justify-content-center"> <input type="radio" className="btn-check" name="chooseBuffer" id="buffer2" autoComplete="off" onClick={() =>measurementConfig.buffer = 2 } /> <label className="btn btn-lg btn-success" htmlFor="buffer2"><span className="bi-database-add"></span>&nbsp;buffer2</label> ; </div> <div className="col-sm-4 p-3 d-flex justify-content-center"> <input type="radio" className="btn-check" name="chooseBuffer" id="buffer3" autoComplete="off" onClick={() =>measurementConfig.buffer = 3 } /> <label className="btn btn-lg btn-info" htmlFor="buffer3"><span className="bi-database-add"></span>&nbsp;buffer3</label> ; </div> </div></pre> <p>Vielen Dank im Voraus! </p>
P粉256487077
P粉256487077

Antworte allen(1)
P粉769413355

使用這個css,它將會選擇被選中的單選框輸入的下一個相鄰的標簽。

input[type="radio"]:checked+label.btn {
   border: 1px solid #000; //在這里添加邊框/陰影
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage