Wie, um text-Farbe in der submit-button?

Ich habe versucht, ändern Sie die Farbe des Textes in der submit-button geben, aber ich weiß nicht, warum ich bin nicht in der Lage, es zu ändern.

CSS:

.button {
  width: 105px;
  height: 20px;
  background-image: url('tiny.gif');
  line-height: 20px;
  padding-bottom: 2px;
  vertical-align: middle;
  font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  <!--font-weight: bold;
  -->text-transform: none;
  border: 1px solid transparent;
}

.button:hover {
  background-image: url('tiny_.gif');
}

HTML:

<input type="submit" value="Fetch" class="button" />

War ich immer ein problem, wenn ich versuchte, Sie ändern die Farbe der Schaltfläche Einreichen.

  • "Probleme bekommen" -- dies gilt nicht, helfen Sie uns allen. Was erwarten Sie zu haben, passieren? Was ist eigentlich passiert? Gibt es irgendwelche Meldungen in der Konsole anmelden? Ich fügte background-color: red zu Ihrem :hover und die Schaltfläche verändert die Farben wenn ich moused über. Vielleicht tiny_.gif nicht laden?
InformationsquelleAutor Venkata Krishna | 2012-09-18
  1. 48
    .button {
    color: green;
}

    jsFiddle Demo

    InformationsquelleAutor mtk
  2. 21

    Sie versuchen, diese:

    <input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! ">
    • Inline-styles sind nicht eine gute Idee, wenn Sie ein externes stylesheet verfügbar ist.
    • es ist eine sehr gute Idee für schlechte css-ed-Seiten, und testen, wie die Seite gerendert wird. für die vollständige css-ed-Seiten, das sollte verschoben werden, um externe css-Datei.
    InformationsquelleAutor Jerry Thomsan
  3. 6
    <button id="fwdbtn" style="color:red">Submit</button>
    InformationsquelleAutor
  4. 3

    Verwenden Sie dieses CSS: 

    color: red;

    das ist alles.

    • Ich habe versucht, das aber jetzt seine Arbeit danke für die schnelle Antwort
    InformationsquelleAutor Marcus
  5. -2
    <input type = "button" style ="background-color:green"/>
    • OP will, um die Textfarbe zu ändern von einem senden und Sie stellen ihn mit einem inline-style (=schlechte Praxis) ändern der Hintergrundfarbe einer Schaltfläche. Dies hilft nicht viel...
    InformationsquelleAutor Jayita Roy
Schreibe einen Kommentar