Zaoblené rohy ve formuláři

Většinou se to řeší pomocí obrázku na pozadí, kde je namalován zakulacený rámeček. Řešení čistě přes CSS, které by podporovaly všechny prohlížeče, bohužel zatím není.

Tohle už je celkem spolehlivé.

Reaguji na joa:
Ale nefunguje v Internet Exploreru.

joe:
„Tohle už je celkem spolehlivé.“
neřekl bych. Pokud tedy nechceš předhodit uživatelům IE nekulaté rohy.

Chamurappi & panther:

V případě IE bych to řešil JavaScriptem navíc, pokud bych to chtěl mít jó kulatý i v IE. U ostatních prohlížečů tak odpadají zbytečné tagy, zbytečné požadavky na obrázky, zbytečné CSS...

Reaguji na joa:
„V případě IE bych to řešil JavaScriptem navíc, pokud bych to chtěl mít jó kulatý i v IE.“
1) Tohle jsi Davidosovi zamlčel.
2) Z čeho jsi usoudil, že Davidos nechce mít rohy jó kulatý i v Exploreru?
3) JS na dodělání desítek <div>ů simulujících zaoblení neumí vyřešit všechny situace a předpokládám, že zejména s <input>em bude mít problém. Tak či tak bude potřebovat obalující element.

„U ostatních prohlížečů tak odpadají zbytečné tagy“
Až přestane být v módě zaoblení, může je využít k jinému efektu i bez změny HTML.

„zbytečné požadavky na obrázky“
Může být jen jeden.

Chamurappi:
„Může být jen jeden.“
Ale přece.

„Až přestane být v módě zaoblení“
To může, ale než taková doba nastane, tak je možná víc pravděpodobnější, že celé stránky budou kompletně předělány :-)

„2) Z čeho jsi usoudil, že Davidos nechce mít rohy jó kulatý i v Exploreru?“
Podle sebe, pokud dávám třeba inputu zaoblení rohů 2px, spokojím se i s tím, že v IE to bude bez nich. Pokud mu to bude vadit, může použít jiné řešení.

„3) ...“
Tomu nerozumím, stačí přece to, co chci mít kulaté, obalit do nějakého elementu. Takže předpokládám, že ani input by neměl problém.

Použil bych řešení od joea a u IEček přilinkoval toto: http://css3pie.com/