HTML Button-background-color-Eigenschaft funktioniert nicht

In den folgenden Seite:

Habe ich eine graue Schaltfläche (siehe den Abschnitt mit dem ersten Buch, es ist der einzige graue button auf der Seite), aber es wird erwartet, dass ein blaues. Ich cut&fügen Sie den code aus einer E-Mail-service (siehe unten).
Die Immobilie:
background-color: #47abd5;
funktioniert nicht. Warum?

HTML:

<style>
    #mlb2-3734193 button.ml-subscribe-button {
        cursor: pointer;
        font-family: Open Sans!important;
        font-size: 24px !important;
        height: 60px;
        width: 250px;
        background-color: #47abd5;
        color: #ffffff!important;
        border: none;
        border-radius: 2px;
        padding: 0px 24px;
    }
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&   subset=latin,latin-ext" rel="stylesheet" type="text/css">
<form id="mlb2-3734193" action="//app.mailerlite.com/webforms/popup/z0d1n7" data-code="z0d1n7" data-id="243593" target="_blank">
    <div stylclass="button-preview">
        <button style="background-color: #47abd5;" type="submit" class="ml-subscribe-button">Iscriviti</button>
    </div>
</form>
<script type="text/javascript" src="//static.mailerlite.com/js/w/button.min.js?veb3acdd46bf692c067c6a9fe9fbc07d6"></script>

  • Sie haben ein Farbverlauf angewendet auf die Schaltfläche Formatvorlagen.css mit background: gradient code. Ändern Sie Ihre background-color: #47abd5; zu background: #47abd5; und wird es überschreiben Sie den Verlauf.
  • Es funktioniert, um mich mit dem gleichen code: Bild von den web kann Es sein das der explorer Sie verwenden.
InformationsquelleAutor Salvatore D'angelo | 2016-12-16
  1. 3

    Weil dieses css angewendet wird, um Ihre Taste.

    a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
}

    Gibt es einen hintergrund-Farbverlauf, die überschreiben die Stile, nehme ich an.
    Wie @Rübe schlägt vor, es zu ändern hintergrund, anstatt der hintergrund-Farbe, und es funktioniert

    • Dies ist technisch nicht "überschreiben" OPs background-color. Es ist die Anwendung eines background-image die sitzt oben die background-color
    • Das ist schön, in-Tiefe detail zu kennen
    • wo ist dein button Grau,bei mir kann ich nur sehen, das blau ,können Sie fügen Sie einen Screenshot
    • Können Sie mir helfen zu verstehen, wie man das stylesheet überschreiben meine Einstellung. Sorry, wenn ich Frage, aber ich bin kein CSS-Experte, und ich möchte in Zukunft Probleme lösen, wie dies von mir selbst.
    • Können Sie mir auch helfen, um es und machen es ähnlich wie andere Schaltflächen auf der Seite?
    • Erstellen Sie die Datei mystyles.css, include-Verweis in der html-Datei <head> section <link type="text/css" href="pathtoyourfile/mystyles.css"> Stellen Sie sicher, es ist der Letzte css-Datei in deinen <head> als css angewendet wird, was später aufgenommen oder mehr spezifischen. Drücken Sie F12 in Ihrem web-browser, finden element, das Sie überschreiben möchten, kopieren Sie den selector, fügen Sie Sie in Ihre Stil-Datei, versöhnen. Es ist ziemlich kompliziert zu erklären für jemanden, der vielleicht gerade anfängt, schlage ich vor, Sie Lesen css-guides auf w3school
    • Wenn Sie zentrieren möchten es parrent-Container-Stil, um text-align: center; oder die Schaltfläche Stil display: block; margin: auto;
    • Ok es hat funktioniert. Kopiert habe ich die gleiche Taste auch in die Rubrik, wo ist das video. Selbst wenn der code ist der gleiche, das blau scheint mehr Licht. Warum? Ich habe auch versucht, um die beiden Schaltfläche ähnelt der Schaltfläche, die mit dem italienischen Wort "Avvisami". Der Farbverlauf gehen soll aus #47abd5 zu #2e97c4 und ich den code mit cut&paste aus meiner E-mail-Dienst ist hier bei der botto dieser Kommentar. Wie kann es ändern, um die richtige Steigung? Ich denke, Sie sind in der Lage zu überprüfen, meine aktuelle code, den ich cut&paste aus der E-Mail-Dienst (MailerLite).

    InformationsquelleAutor Raimonds
  2. 4

    remove background-color-Eigenschaft nur mit hintergrund
    wie diese:

    #mlb2-3734193 button.ml-subscribe-button {
       background: #47abd5;
        }
    • Es getan hat. Es arbeitete.
    • Danke für die Hilfe.
    • jederzeit zur Verfügung..!
    InformationsquelleAutor shyamm
  3. 0

    Setzen Sie die Eigenschaft background-color auf die folgende Klasse: .widget_circleicon-widget .Kreis-icon-box .Kreis-Symbol, Dann die Hintergrundfarbe für das Buch-Symbol ändern sollte.

    • Können Sie erläutern, besser? Ich löste vorgeschlagen von Raimonds. Ist Ihre Lösung besser geeignet?
    InformationsquelleAutor Tobias Glaus
Schreibe einen Kommentar