2012-09-18 10 views
20

Próbowałem zmienić kolor tekstu w przedkładać typ przycisku, ale nie wiem, dlaczego nie jestem w stanie goJak ustawić kolor tekstu w przycisku przesyłania?

<html> 
<head> 
<style type="text/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'); 
} 
</style> 
</head> 
<body> 
    <input type="submit" value="Fetch" class="button"/> 
</body> 
</html> 

byłem coraz problem, gdy próbowałem zmienić kolor przycisku submit zmienić.

+1

"Uzyskiwanie problemy" - to nie podlega pomóc nam w ogóle. Czego się spodziewasz? Co się właściwie dzieje? Czy są jakieś wiadomości w dzienniku konsoli? Dodałem 'background-color: red' do twojego': hover', a przycisk zmienił kolory, kiedy się połączyłem. Być może 'tiny_.gif' nie ładuje się? –

Odpowiedz

3

Użyj tego CSS:

color: red; 

to wszystko.

+0

Próbowałem tego, ale teraz dziękuję za szybką odpowiedź –

19

spróbować to:

<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! "> 
+1

Style wewnętrzne nie są dobrym pomysłem, gdy dostępny jest zewnętrzny arkusz stylów. – Kyle

+2

Jest to bardzo dobry pomysł dla biednych stron z css-ed i dla testowania sposobu renderowania strony. dla pełnych css-ed stron należy to przenieść do zewnętrznego pliku css. – Znik

5
<button id="fwdbtn" style="color:red">Submit</button> 
-2
<input type = "button" style ="background-color:green"/> 
+1

OP chce zmienić kolor tekstu przesyłki, a Ty podasz mu styl inline (= zła praktyka) zmieniając kolor tła przycisku. To niewiele pomaga ... –

Powiązane problemy