Discussion :

[troumad]

Bonjour

J'essaie les -moz-border-radius / border-radius . Comme je teste sur firefox, j'ai donc les -moz-border-radius . Je trouve bien dommage que ff n'utilise pas border-radius

Je suis arrivé à faire de joli cadre sur certains éléments :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
  .tete ul li
  {
   display:inline;border: 1px ridge #000;font-size : 12px; padding:8px;line-height:26px;margin-left:2px;margin-right:2px; 
   -moz-border-radius : 20px 10px; 
   border-radius : 20px;
  }

J'essaie de faire le même effet sur un input de type select : il est imperméable à mes essais !

[Bisûnûrs]

Il y a certains éléments de formulaire qui sont très difficilement customisables. Les select en font partie.

[troumad]

Et on trouve où ses éléments modifiables ou les non modifiables ?

C'est donc pour ça que je ne trouvais pas d'exemple simple pour ces boutons

[Bisûnûrs]

On trouve ça nulle part, on teste et on remarque juste que ça marche pas.
Mieux, on découvre aussi que sur certains navigateurs des choses fonctionnent mais pas toutes, et sur d'autres c'est l'inverse.

[troumad]

Donc, pour le moment, rien n'est encore clair sur le sujet !
Il n'y a pas de norme...

[devyan]

Bonjour,

Pour ton cas, tu peux quand même y arriver mais il faut "tricher" en enveloppant les INPUT.

1/ tu enlève les bordures du INPUT (ça c'est possible )
2/ tu mets un DIV autour du INPUT
3/ tu appliques la bordure arrondie au DIV

devyan