Behalten Sie den Randeffekt des Optionsfelds bei, wenn es ausgewählt ist

Ich habe zwei Radiotyp-Optionen. Wenn ich eine Option auswähle, wird ein blauer Rand markiert. Das Problem ist, dass der Randeffekt verschwindet, wenn ich irgendwo anders klicke. Ich möchte, dass der blaue Randeffekt überall dort erhalten bleibt, wo ich klicke, es sei denn, ich wechsle zu einer ande...

P粉769045426 2023-09-03 21:25:38 0  1  562

Wie erstelle ich Rahmen für Spalten in einer Tabelle?

Ich muss eine Tabelle erstellen, wie im Screenshot gezeigt: Welche Ergebnisse erhalte ich: Problem: Ich kann keinen grünen Rahmen wie im Screenshot der Spalte „Registriert“ erstellen. Frage: Wie mache ich diesen Rand, wenn es sich um einen Tisch handelt? Ich habe versucht, es auf dem div zu überschr...

P粉176151589 2024-01-16 19:25:40 0  2  462

Wie füge ich diese Art von Rahmen in HTML - CSS hinzu?

Wie können wir, wie im Bild gezeigt, diesen Effekt erzielen, indem wir den vier Ecken des Bildes Ränder hinzufügen?

伊谢尔伦 2017-05-16 13:34:16 0  6  962

Wie erstelle ich den Rahmen einer Schaltfläche so, dass er einige Pixel über den Inhalt hinausragt?

Ich möchte einen Rahmen wie den folgenden erstellen, bin mir aber nicht sicher, wie ich das mit CSS erreichen soll. Kann mir jemand helfen? Der aktuelle Code enthält die Schaltfläche „Ich möchte diesen Stil“. <liclass="nav-itembutton"><aclass="nav-link"href="#"...

P粉633075725 2023-09-08 17:01:07 0  1  531

Wie erstelle ich eine hybride gerade/gekrümmte Abschnittsgrenze mit SVG oder CSS?

Für meine Bewerbung erstelle ich eine Registrierungsseite mit nicht standardmäßigen Abschnittsgrenzen. Sie können hier sehen, was ich erreichen möchte: Es ist kein einfacher Bogen – es besteht aus zwei geraden Linien und einem Bogen dazwischen. Soweit ich weiß, ist die Verwendung von SVG der beste W...

P粉920835423 2023-09-02 11:35:13 0  1  644

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  516

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  839

Mouseover-Effekt auf Vue- und Vuetify-Komponenten

Also habe ich versucht, den Mouseover-Effekt wie im Beispiel im folgenden Artikel gezeigt nachzubilden: https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Aber in meinem Fall möchte ich Vue verwenden .js, um den Hover-Effekt auf die V-Karte aus der Vuetify-Bibliothek an...

P粉032649413 2024-03-27 16:31:16 0  1  458

Kann ich den Randradius bei Randbildern mit Farbverläufen verwenden?

Ich entwerfe ein Eingabefeld mit einem kreisförmigen Rand (Randradius) und versuche, diesem Rand einen Farbverlauf hinzuzufügen. Ich kann erfolgreich Farbverläufe und kreisförmige Ränder erstellen, aber beides funktioniert nicht zusammen. Es handelt sich entweder um abgerundete Ecken ohne Farbverlau...

P粉633733146 2023-08-29 12:52:01 0  2  577

css3 – CSS-Schriftstil plus Füllfarbe statt Hintergrundfarbe

Es gibt einen Schriftstil wie folgt: Wenn Sie dem Herzen Farbe hinzufügen möchten, anstatt dass der gesamte Bereich das Herz umhüllt, sieht der Farbfehler wie folgt aus: Die Definition von „span“ lautet wie folgt: {Code...} Wenn Sie Wenn Sie Hintergrundfarbe hinzufügen, wird das obige Bild angezeigt...

天蓬老师 2017-06-08 11:02:27 0  2  1289

javascript – So platzieren Sie Text in der Mitte von border-top

Wie im Bild gezeigt, die Umsetzung bzw. Idee, wie man den Text in der Mitte des oberen Randes platziert.

某草草 2017-05-19 10:44:10 0  3  585

So deaktivieren Sie die Randfaltung

Gibt es eine Möglichkeit, die Randfaltung vollständig zu deaktivieren? Die einzige Lösung, die ich gefunden habe (mit dem Namen „uncollapsing“), besteht darin, einen 1-Pixel-Rahmen oder einen 1-Pixel-Abstand zu verwenden. Ich finde das inakzeptabel: Zusätzliche Pixel erschweren die Berechnungen unnö...

P粉530519234 2023-08-21 23:21:12 0  2  495

javascript - Tabs – Wie entferne ich den unteren Rand des aktuellen Tabs?

Wie im Bild gezeigt, wie entferne ich den unteren Rand von Abschnitt 2? Hier ist ein Beispiel: http://jsfiddle.net/996Bw/. Lösen. Danke.

迷茫 2017-06-21 10:12:39 0  1  903

Flex CSS – Element nach einer bestimmten Höhe abschneiden, anstatt es zu umbrechen

Die Ränder stellen die statische Höhe und Breite dar. Ich möchte, dass Artikel 5 und 6 in der zweiten Reihe bleiben und Artikel 3 und 6 abschneiden, anstatt wie gezeigt ein drittes Mal einzuwickeln. Wie kann ich das mit Flex erreichen? Um dieses Problem zu lösen, kann die Breite des Containers (der ...

P粉785957729 2024-04-01 14:02:02 0  1  541

CSS zum Hinzufügen von Schatten/Rahmen zu jeder Schaltfläche, wenn Bootstrap-Schaltflächen aktiv sind

Ich verwende das React-Framework zum Erstellen des Frontends und Bootstrap5.3 für das Design. Soweit ich weiß, hat Bootstrap den Schatteneffekt nun standardmäßig entfernt. Wenn die Schaltfläche also aktiv ist, zeigt die Schaltfläche keinen Schatten/Rahmen an, wie in der Bootstrap v5.0-Dokumentation....

P粉256487077 2023-08-17 23:54:27 0  1  527

TailwindCSS – Wie kann ich dafür sorgen, dass das Dropdown-Menü eines Elements andere Elemente in der Seitenleiste nicht außerhalb der Grenzen drängt?

Grundsätzlich habe ich eine Seitenleiste, die mehrere Abschnitte (blau) enthalten kann, von denen jeder ein-/ausgeschaltet werden kann, und die mehrere Elemente (rot) enthalten kann. Beim Öffnen möchte ich, dass das erweiterte Element die anderen blauen Teile nicht aus dem Rahmen schiebt, sondern si...

P粉505450505 2023-09-03 19:21:03 0  1  638

SASS-Stile haben Vorrang vor Medienabfragen

Ich versuche, Medienabfragen zu verwenden, um Stile für Desktop-Geräte zu überschreiben, aber es scheint nicht zu funktionieren. Ich habe die Rahmenfarbe auf das h2-Element festgelegt und einen Test durchgeführt, um das Problem besser zu veranschaulichen. Wie Sie sehen können, ist die Rahmenfarbe vo...

P粉953231781 2024-04-05 15:03:00 0  1  3587

So erhalten Sie mit CSS in Safari einen kreisförmigen Umriss auf einer kreisförmigen <Schaltfläche>

Ich versuche, einen runden Knopf mit der gleichen Umrissfarbe zu bekommen, aber das scheint nicht möglich zu sein. Der Umriss ist am Ende immer quadratisch. Gibt es eine Möglichkeit, dies mit a zu erreichen, oder kann es vielleicht nur mit a erreicht werden? button{width:40px;height:40px;border:none...

P粉066725148 2023-10-26 09:54:54 0  2  1054

In tailwind.css hat .rounded-lg keine Auswirkung auf Tabellen.

Derzeit verwende ich die Tailwind-Version 3.3.3. Ich kann den Effekt abgerundeter Ecken für den Tisch nicht erzielen. Ich habe versucht, einen Wrapper-Container mit dem Klassennamen „overflow-hiddenrounded-lg“ hinzuzufügen. Dies löst das Problem der abgerundeten Ecken, aber auch die Ränder auf jeder...

P粉447495069 2023-07-24 20:47:03 0  1  593

CSS: Schlagschatten aus Div im Vuetify-Dialog mit Schlagschatten entfernen

Ich habe ein Dialogfeld mit einem Dreieck, das mithilfe von CSS zu einem Div hinzugefügt wurde. Der CSS-Trick besteht jedoch darin, dass ein Teil des Rahmens transparent ist. Das Problem, das ich zu überwinden versuche, besteht darin, den Schatten vom transparenten Rand zu entfernen, ohne den Schatt...

P粉826429907 2023-09-13 19:57:28 0  1  631