Hallo allemaal,
Ik zit met het probleem dat ik geen gradient over mijn select tag heen krijg. Weet iemand de oplossing?
HTML
CSSCode:<select name="locatie"> <option value="nochoice">Kies uw locatie</option> <option value="ov">Overijssel</option> <option value="gr">Groningen</option> </select>
Code:select { width: 526px; height: 42px; border: 1px solid #a1a1a1; border-radius: 5px; margin: 0 40px 0 0; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f4f4)); background-image: -webkit-linear-gradient(top, #fff, #f4f4f4); background-image: -moz-linear-gradient(top, #fff, #f4f4f4); background-image: -ms-linear-gradient(top, #fff, #f4f4f4); background-image: -o-linear-gradient(top, #fff, #f4f4f4); padding: 0 0 0 10px; font-style: italic; color: #8c8c8c; } select:focus { outline: 0 none transparent; }
- Select tag werkt niet mee
-
22-03-2013, 18:57 #1
- Berichten
- 164
- Lid sinds
- 17 Jaar
Select tag werkt niet mee
-
22-03-2013, 19:14 #2
- Berichten
- 878
- Lid sinds
- 15 Jaar
Re: Select tag werkt niet mee
Bedoel je met gradient, dat de border moet oplichten? Dus verander in oranje achtige kleur?
Dan moet je bij je : focus de ountline weghalen
-
22-03-2013, 19:20 #3
- Berichten
- 449
- Lid sinds
- 13 Jaar
Re: Select tag werkt niet mee
van background-image background maken?
-
22-03-2013, 19:59 #4
- Berichten
- 164
- Lid sinds
- 17 Jaar
Re: Select tag werkt niet mee
Beide bedankt voor de reacties. Het gaat om de achtergrond van de tag, dus niet de border.
@Marcel: Al tevergeefs geprobeerd...
-
23-03-2013, 10:00 #5
- Berichten
- 449
- Lid sinds
- 13 Jaar
Re: Select tag werkt niet mee
By the way... gaat die gradient over de select of PER option?
Als je de select zelf wilt stylen... vals spelen met een element met opmaak erom heen?
-
23-03-2013, 10:35 #6
- Berichten
- 160
- Lid sinds
- 16 Jaar
Re: Select tag werkt niet mee
Copy / Paste via: http://www.colorzilla.com/gradient-editor/
select {
width: 526px;
height: 42px;
border: 1px solid #a1a1a1;
border-radius: 5px;
margin: 0 40px 0 0;
padding: 0 0 0 10px;
font-style: italic;
color: #8c8c8c;
/*Gradient */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic