Il mio cliente mi ha chiesto un pulsante di invio con 2 parole e 3 diversi colori del testo:È possibile assegnare un pulsante di invio HTML a più di un colore?
<input type="submit" value="SUBMIT NEWSLETTER" />
SUBMIT = nero NEWS = nero LET = bianco TER = nero
Sto indovinando Il CSS non lo farà Forse Javascript?
Grazie in anticipo per qualsiasi idea!
Basta usare un tasto e mettere un arco in esso
<button type="submit">SUBMIT NEWS<span style="color:white">LET</span>TER</button>
Fiddle - http://jsfiddle.net/Lczmkmr1/
Funziona con button, span e CSS.
<button type="submit" style="background-color:#ff0000">
<span style="color: #ffffff">Submit</span>
<span style="color: #000000">Newsletter</span>
</button>si può fare con i CSS, è sufficiente utilizzare un arco:
<button>Submit News<span id="white">let</span>ter</button>
e css:
#white{
color: white;
}
Come è diverso dal altre risposte pubblicate minuti prima? –
non lo è! quando ho iniziato a digitare lì senza risposte, nel momento in cui ho cliccato submit ho visto tutti gli altri –
Questo è vero, ho anche iniziato a rispondere, ma quando ho visto ci sono molte risposte Juan Fernandez Ridano. Buona risposta. –
In primo luogo è
<button type="submit">SUBMIT NEWS<span style="color:#fff;">LET</span>TER</button>
In secondo luogo è
<button type="submit">SUBMIT NEWS<span class="white">LET</span>TER</button`>
.white{
color:#fff;
}
Come è diverso dalle altre risposte pubblicate minuti prima? –
@SatejS quando scrivevo rispondi ad altri una stessa risposta. –
Buono per l'utilizzo di un nome di classe anziché di stili in linea – lharby
button{
width:800px;
background-image: url(http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg);
background-repeat: no-repeat;
height:439px;
margin-left:35px;
display:block;
color:white;
border: none;
}<button></button>Questo è solo un tasto molto grande perché l'immagine è troppo grande regolare l'altezza e la larghezza base alle vostre necessità
sì, è possibile che tu possa usare s pan all'interno del tag button.
<button> <span style="color:red;">Click</span> <span style="color:blue">Me</span> </button>
fare una e fare lo sfondo dell'immagine – guradio
Ecco un esempio di utilizzo di pulsanti e rompendo il testo in diverse campate: https://jsfiddle.net/bfev9x66/ –