input veld met ronde hoeken
ik kom nu en dan eens een website tegen waar het input veld van de search optie afgeronde hoeken heeft.
Weet iemand soms hoe je zoiets doet? ik kan er namelijk nergens iets over vinden.
Alvast bedankt.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
.TextInput {
borderStyle: solid;
borderColor: #777777;
borderThickness: 1;
cornerRadius: 2;
backgroundAlpha: 1;
backgroundColor: #555555;
color: #cccccc;
fontWeight: bold;
}
borderStyle: solid;
borderColor: #777777;
borderThickness: 1;
cornerRadius: 2;
backgroundAlpha: 1;
backgroundColor: #555555;
color: #cccccc;
fontWeight: bold;
}
maar het werkt niet.
Weet iemand nog iets?
http://www.codeonrequest.nl/downloads/formskinner-22.zip
... maar dat werkt alleen in Safari >:)
In Firefox & co. kan je wel bezig gaan met css -moz-border-radius, en in webkit (Safari) met -webkit-border-radius. Maar de Firefox-versie is vrij lelijk, en voor Internet Explorer bestaat nog niet zo'n CSS eigenschap.
Gewijzigd op 01/01/1970 01:00:00 door Jelmer -
Jelmer schreef op 16.12.2007 23:24:
*knip* en voor Internet Explorer bestaat nog niet zo'n CSS eigenschap.
nee dat had ik ook niet anders verwacht... :W dus dan moet t eigenlijk altijd een achtergrond zijn? maar met divjes kan je ook wel wat... gewoon 5 divjes in elkaar en dan elkar divje krijgt een hoek en de binnenste div komt de content
Nadeel is wel dat de lengte van je input-type-text vast staat. Is immers afhankelijk van dat plaatje.
wes schreef op 17.12.2007 09:20:
Maar dat kan je weer creatief met een repeat-x oplossen
Dan heb je wel 2 plaatjes nodig toch?