Witam ma ktoś pomysł jak można zmienić czcionkę dla datalist ?
http://jsfiddle.net/YJubn/
[code]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>
<style>
body {
padding: 0px;
margin: 0px;
background: orange;
}
#logo {
font: normal 20px Arial;
padding: 20px;
}
#wrapper {
margin: 0 auto;
background: orange;
width: 500px;
padding: 150px;
}
#zatwierdzacz {
background: white;
width: 200px;
padding-left: 80px;
padding-right: 80px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 5px;
border: 1px solid green;
font: normal 20px black;
}
#wrapper #szukajcie option {
color: orange;
font-size: 24px;
}
</style>
<body>
<hgroup id="logo"><a href="#">Strona</a></hgroup>
<div id="wrapper">
<h2>Sprawdz produkt w naszej ofercie<h2>
<input id="szukajka" type="text" list="szukajcie" style="width: 350px; height: 40px; font-size: 21px;"/>
<br>
<br>
<input id="zatwierdzacz" class="przycisk" type="image" value="Zatwierdz"/>
<datalist id="szukajcie" style="width: 450px;" >
<option value="Pogoda krotka"></option>
<option value="Pogoda dlugoterminowa"> </option>
<option value="Pogoda na dzien"> </option>
<option value="Pogoda na noc"></option>
</datalist>
</div>
</body>
</html>
</body>
</html>