Articles of css

Hintergrundfarbe des Textes in SVG

Ich möchte den Hintergrund von Svg text ähnlich background-color in CSS Ich konnte nur eine Dokumentation über fill , die den Text selbst färbt Ist es überhaupt möglich?

Was bedeutet eine Eigenschaft mit Stern voraus in CSS?

Ich habe heute eine CSS-Datei angeschaut und folgende Regel gefunden: div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } Was bedeutet der Stern in * padding und * line-height? Vielen Dank.

Kind mit maximaler Höhe: 100% Überlauf Elternteil

Ich versuche zu verstehen, was für mich unerwartetes Verhalten ist: Ich habe ein Element mit einer maximalen Höhe von 100% innerhalb eines Containers, das ebenfalls eine maximale Höhe verwendet, aber unerwartet überschreitet das Kind das übergeordnete Element: Testfall: http://jsfiddle.net/bq4Wu/16/ .container { background: blue; padding: 10px; max-height: 200px; max-width: 200px; } img { display: block; max-height: […]

CSS: Rand oben, wenn der Elternteil keinen Rahmen hat

Wie Sie auf diesem Bild sehen können , habe ich ein orangefarbenes div in einem grünen div ohne oberen Rand. Das orange div hat einen oberen Rand von 30px , aber es drückt auch das grüne div unten. Natürlich, das Hinzufügen eines oberen Randes wird das Problem beheben, aber ich brauche das grüne div , […]

Einen Doppelpunkt in einer Element-ID in einem CSS-Selektor behandeln

JSF setzt die ID eines Eingabefeldes auf search_form:expression . Ich muss ein Styling für dieses Element angeben, aber dieser Doppelpunkt sieht wie der Anfang eines Pseudo-Elements für den Browser aus, so dass er als ungültig markiert und ignoriert wird. Gibt es eh den Doppelpunkt zu verlassen oder so? input#search_form:expression { ///… }

Entfernen Sie zusätzlichen Tastenabstand / Abstand in Firefox

Siehe dieses Codebeispiel: http://jsfiddle.net/Z2BMK/ Chrome / IE8 sieht so aus Firefox sieht so aus Mein CSS ist button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } Wie kann ich das Codebeispiel ändern, um die Schaltfläche in beiden Browsern gleich zu machen? Ich möchte keine JavaScript-basierten Hyperlinks verwenden, da sie nicht […]

Warum nicht: before und: after pseudo Elemente arbeiten mit `img` Elementen?

Ich versuche, ein :before Pseudo-Element mit einem img Element zu verwenden. Betrachten Sie dieses HTML und CSS … HTML CSS img:before { content: “hello”; } jsFiddle . Dies bringt nicht den gewünschten Effekt (getestet in Chrome 13 und Firefox 6). Es funktioniert jedoch mit einem div oder span Element. Warum nicht? Gibt es eine Möglichkeit […]

Suchen Sie eine Textzeichenfolge in jQuery und machen Sie sie fett

Was ich tun möchte, ist mit jQuery einen Teil des Textes innerhalb eines Absatzes zu finden und etwas CSS hinzuzufügen, um es fett zu machen. Ich kann nicht herausfinden, warum das nicht funktioniert: $(window).load(function() { // ADD BOLD ELEMENTS $(‘#about_theresidency:contains(“cross genre”)’).css({‘font-weight’:’bold’}); }); Der Text in “about_the_residery” wird dynamisch eingezogen, so dass ich ihn nach dem […]

Medienabfrage zum Erkennen, ob das Gerät ein Touchscreen ist

Was ist der sicherste Weg, Medienanfragen zu nutzen, wenn etwas nicht auf einem Touchscreen-Gerät passiert? Wenn es keinen Weg gibt, schlagen Sie vor, eine JavaScript-Lösung wie !window.Touch oder Modernizr zu verwenden?

Wie man Styling in Twitter Bootstrap überschreibt

Wie kann ich die Stylings in Twitter Bootstrap überschreiben? Zum Beispiel verwende ich derzeit eine .sidbar-class, die die CSS-Regel ‘float: left;’ Wie kann ich das ändern, so dass es stattdessen nach rechts geht? Ich benutze HAML und SASS, bin aber relativ neu in der Webentwicklung.