CSS - Arrondi Sélectionnez, une Case à cocher ou un bouton radio

Est-il de toute manière, la façon de faire des arrondis HTML <select>, sans utiliser de javascript?
J'ai cette folle design et je n'ai absolument aucune idée de comment le faire seulement avec CSS.

Le même problème avec checkbox et radiobutton. Quelqu'un sait comment faire les arrondis?

J'ai besoin d'une solution qui fonctionne pour IE6+, Firefox 2+, Opera 9+ ...

le texte d'alt http://uploader.chytry.cz/select-checkbox.png

OriginalL'auteur Jakub Arnold | 2009-04-10

  1. 1

    Pas. Forme style est très problématique, il n'existe aucune garantie qu'aucun style ne fonctionnera. Simple frontières et les couleurs d'arrière-plan/images fonctionnent généralement sur OK dans la plupart des navigateurs. Je crois Safari vous permettra de style très peu. Consultez cette page pour des informations plus détaillées.

    Honnêtement, la meilleure solution est d'utiliser javascript. jQuery menu clic est une excellente solution que j'ai utilisée récemment pour imiter une boîte de sélection (utilisé JS pour attribuer une valeur à un champ caché lorsqu'un élément dans le menu a été sélectionné).

    Je suis sûr qu'il y a d'autres solutions autour de trop si vous recherchez.

    OriginalL'auteur DisgruntledGoat

  2. 2

    Pas.

    Maintenant la réponse longue: Internet Explorer ne se prête pas bien à être coiffés. Vous serez en mesure de définir une image d'arrière-plan pour la gauche (le contenu du texte) qui a arrondi les angles, mais la flèche de la liste déroulante sera fixé comme navigateur par défaut. Vous trouverez également que les événements mousedown et du passage de la souris états pour le contrôle va être résolu que le style par défaut.

    Je pense que dans de nombreux cas, l'idéal de la conception préférée doit être un peu pragmatique sur les limitations dans le navigateur des normes. Plus précisément, le problème que IE6 ne prend pas en charge un bon nombre et IE7 n'est que légèrement plus conforme.

    Désolé pour la mauvaise nouvelle.

    OriginalL'auteur Phil.Wheeler

  3. 2

    pas
    consultez ce site pour un bouton radio et checkbox
    http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/

    OriginalL'auteur mina

  4. 0

    Non, Whit hors javascript ou jQuery, vous ne pouvez pas faire cela. Mais si vous avez besoin avec jQuery, essayez ce lien. Il contient le code HTML de sélectionner la zone avec des coins arrondis par jQuery.

    http://webworld-develop.blogspot.com/2011/11/cool-html-5-select-with-jquery-and-css.html

    OriginalL'auteur Ramesh Joshi