- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- colore su form sfondo
-
devi usare javascript per fare ciò
-
O piu semplicemente CSS...
-
usa javasciprt...
potrebbe essere qualcosa tipo<input type="text" onfocus="this.style.background='red';">
-
o meglio un onclick
però il punto è che se avesse fatto una ricerca sul forum l'avresti trovatoa volte occorre.
facci sapere
-
beh il mio style è il seguente ma non mi va a colorare il campo ...non so dove sbaglio...
[php]
<style>body {
background-color:#000000;
font-family : Comic Sans MS;
font-size: small;
padding: 2px;
margin: 0px;
padding: 2px;
color:#00FF7F ;
}form {
background-color:#000000;
border-color:#FF4500;
color:#99CCFF;
}a:link{
color:#87CEFA;
text-decoration:underline;
}a:visited{
color:#87CEFA;
text-decoration:underline;
}a:hover{
color:#f0f000;
text-decoration:underline;
background-color:#008000;
}a:active{
color:#ff0000;
text-decoration:underline;
}div{
background-color:#00ffcc;
color:#000000;
font-weight:bolder;
text-align:center;
font-size:14px;
}hr{
background-color:#87CEEB;
color:#c0c0c0;
border:none;
height:1px;
}.data{
font-weight:bold;
color:#f0f000;
text-decoration:underline;
}.input{
border:2px solid #FF4500;
background-color:#B0E0E6 ;
color:#ff0000;
width:155;
}.sub{
background-color: #4682B4;
border: 1px solid #87CEEB;
color: #FFCC00;
font-size:12px;
width:155px;
}img {
border: 0px none;
}</style>
[/php]
-
scusa ho letto male "impostare colore quando ci scrivi"..
javascript come hanno scritto sopra..
-
[php]
<script type="text/javascript">
<!--
function cambia(){
var c_campo = document.getElementById('campo');
c_campo.style.backgroundColor="#FFFEE8";
}
//-->
</script>
<form name="form" method="POST" action="pagina.php" >
<input type="text" id="campo" name="campo" onclick="cambia()">
<input type="submit">
</form>
[/php]
-
con il css come posso impostarlo un nero come sfondo al form ma che quando scrivi dentro il testo sia giallo??
-
[php]
input {
// Colore nero
}
input:focus {
// se stai scrivendo
}
[/php]PS sezione sbagliata
-
Prova così:
input.campi { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-style:normal; color:#000000; background-image: url(sfondo.gif);/*puoi anche mettere un immagine di sfondo*/ border-width: 0px; cursor:default; size:8; } input.invia { size:8; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-style:normal; color:#000000; background-image: url(bsfondo.gif); border-width: 0px; cursor:hand; } textarea{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-style:normal; color:#000000; background-image: url(bg-stripe-1.png); border-width: 0px; cursor:default; size:8; }
Poi, negli input text e submit (tranne textarea) inserisci questo:
<input type="text" class="campi">
<input type="submit" class="invia">