Ustawianie tła pola wprowadzania
Muszę utworzyć pole wprowadzania z następującym tłem
Do tej pory w moim kodzie mam poniższy kod i jego nie pokazuję -> Jaka byłaby właściwa procedura, aby to zrobić?
Mam też kilka odmian tego przycisku, które muszę wyprodukować i są one następujące:
Krzyż na ciemnym obszarze przycisku - miałem zamiar użyć a<span>
oznacz klasą i ustaw grafikę na to -> Czy byłby to dobry sposób na przejście?
Ikona spinacza do papieru tuż za krzywą po lewej stronie -> Zamierzałem zrobić to samo, co powyżej -> Czy byłby to dobry sposób na przejście?
HTML:
<div class="innerTo">
<form action="#" method="get">
<label for="recipients">TO: </label>
<input type="search" name="recipients" id="recipients" placeholder="Recipients Names">
</form>
</div>
CSS:
.innerBar .innerTo{
width:200px;
padding:5px 0 0 15px;
display:block;
float:left;
}
.innerBar .innerTo label{
margin:0 15px 0 0;
font-size:14px;
font-weight:bold;
color:#666666;
}
.innerBar .innerTo input[type=search] {
color: red;
}
.innerBar .recipients{
background-image:url('../images/searchBGpng.png') no-repeat;
width:192px;
height:27px;
}