marctrix: <li>-Bullet bei <ul> durch Pfeil ersetzen. Problem bei mehrzeiligen Listenelementen

Beitrag lesen

Hej Gunnar,

@@marctrix

Die Reihenfolge ist

  1. Browser-Styles
  2. Autoren-Styles
  3. Nutzer-Styles

Nein.

Na ja, es ist nicht vollständig…

Je höher die Nummer, desto eher setzen sich die Angaben durch. Sonst würden Nutzer-Stylesheets nicht funktionieren (es gab mal eine Zeit, da hat !important im Autoren-Stylesheet das verhindert, aber das ist glücklicherweise Schnee von gestern).

Da irrst du. Eine !important-Deklaration im Autorenstylesheet überschreibt eine normale Deklation aus dem Nutzerstylesheet.

Echt? - Das ist komisch, ich dachte immer die in den Einstellungen gemachten Angaben würden als User-CSS realisiert. Ist das dann vielleicht gar nicht so?

Habe einen Test-Pen für Farben mit !important erstellt, in dem das mir bekannte und oben beschriebene Verhalten bestätigt wird…

Farben in Nutzereinstellungen des FF überschreiben auch !important-Direktiven. Codepen setzt das Icon vorbildlich in Szene (bleibt bei eigenen Farben sichtbar) schlampt aber bei diversen buttons (unbedienbar bei eigenen Farben)

In Level 3 ist da noch einiges hinzugekommen:

  1. Normal user agent declarations
  2. Normal user declarations
  3. Normal author declarations
  4. Animation declarations
  5. Important author declarations
  6. Important user declarations
  7. Important user agent declarations
  8. Transition declarations

Ich sehe, das muss ich mir noch mal anschauen und rausfinden, welche Browser das so umsetzen und wieso sich Farbangaben in Browsern (welchen?) dann nicht daran halten (offenbar ist das dann eben kein User-Stylesheet?!?)…

Hier noch etwas zu den Transparenzen: man stelle sich vor, das weiß in Gunnars Icon wäre nicht weiß, sondern transparent (in der annahme, dass der Hintergrund weiß ist). Oder überlegt mal, wie beat auf einem grauen Hintergrund aussähe. es bliebe nur ein Kreis, der ohne das darunter wohl niemanden an einen Kopf erinnern würde…

schwarzes Gesicht auf weißem Grund - dank echter Hintergrundfarbe auch bei eigenen Farben erkennbar, Symbol mit Transparenz wird je nach Hintergrundfarbe teilweise unsichtbar, die Bedeutung geht verloren

Icons sollten keine Transparenzen haben.

Es sei denn, sie verhalten sich wie Schrift. Siehe das Codepen-Icon (Codepen baut dann allerdings bei den Buttons unten Mist).

Funfact: FF bekommt es selber ausgerechnet da nicht hin, wo man eigenen Farben einstellen kann…

FF-Einstellungen normal mit Auswahl, wann eigene Farben verwendet werden sollen

FF-Farbeinstellungen lassen sich nur mit Glück wieder zurücknehmen, da der entscheindede Button unsichtbar ist

Ich sach ja immer: schlecht sehende Menschen zu unterstützen ist viel schwieriger, als blinde Menschen zu unterstützen!

Schaut euch auch mal die alt-Texte zu den hier geposteten Bildern an… 😉

Marc

0 71

<li>-Bullet bei <ul> durch Pfeil ersetzen. Problem bei mehrzeiligen Listenelementen

Bruno Thomann
  • css
  1. 0
    beatovich
    1. 0
      Bruno Thomann
  2. 1
    Rolf B
    1. 0
      Bruno Thomann
      1. 0
        Rolf B
        1. 0
          Bruno Thomann
        2. 0
          beatovich
      2. 0
        marctrix
  3. 1
    Gunnar Bittersmann
    1. 0
      Bruno Thomann
      1. 0
        MudGuard
      2. 0
        Gunnar Bittersmann
        • css
        • svg
        1. 0
          Gunnar Bittersmann
    2. 0
      Rolf B
      • svg
      1. 0
        beatovich
        1. 0
          Rolf B
          1. 1
            beatovich
          2. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              1. 0
                Rolf B
        2. 0

          SVG skalieren

          Matthias Scharwies
      2. 0

        Font-Awesome-Icons als SVG

        Gunnar Bittersmann
    3. 1

      Optimizing SVGs in data URIs

      Gunnar Bittersmann
      • css
      • svg
      1. 1
        Matthias Scharwies
  4. 0
    Bruno Thomann
    1. 0
      Rolf B
      1. 0
        beatovich
      2. 0
        Gunnar Bittersmann
    2. 0
      Gunnar Bittersmann
      1. 0
        Bruno Thomann
        1. 0
          Gunnar Bittersmann
          • css
          • html
          • svg
          1. 2
            Bruno Thomann
            1. 0
              marctrix
              1. 0
                Bruno Thomann
            2. 1
              Auge
              1. 0
                Bruno Thomann
            3. 1
              Gunnar Bittersmann
              • css
              • html
    3. 0
      marctrix
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              marctrix
              1. 0
                beatovich
                1. 0
                  marctrix
                  1. -1
                    beatovich
                    1. 1
                      marctrix
                    2. 1
                      Auge
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 1
                              Auge
                              1. 0
                                beatovich
                                1. 1
                                  Auge
                        2. 1
                          Auge
                          1. 0
                            beatovich
                            1. 1
                              Auge
                              1. 0
                                beatovich
                    3. 1
                      Gunnar Bittersmann
                      1. 0
                        beatovich
          2. 0
            beatovich
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                2. 0
                  Gunnar Bittersmann
                  • css
                  • zu diesem forum
                  1. 0
                    Matthias Apsel
                    1. 0
                      Gunnar Bittersmann
                      • zu diesem forum
                      1. 0
                        Christian Kruse
            2. 0
              marctrix