28173 sujets

CSS et mise en forme, CSS3

Bonjour a tous, mon probleme est le suivant je veux personnaliser un select et en cherchant sur le net j'ai trouvé mon bonheur en css et en javascript seul petit probleme avec le css. il applique les changements a tous les select normal vu que c'est directement sur la balise select que j'agi en voici le code:

  <style type="text/css">
    body {
      font: 80% "Trebuchet MS", verdana, helvetica, arial, sans-serif;
    }
    input {
      display: block;
      margin: 0 0 10px;
      border: 1px solid #666;
      color: #999;
    }
    legend {
      font-size: 1.2em;
      font-weight: bold;
    }
    label {
      display: block;
      font-weight: bold;
      color: #666;
    }
    select {
      display: block;
      width: 300px;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
      background: url(top.jpg) top left no-repeat;
      margin: 0;
      padding: 0;
      height: 1.65em;
      width: 300px;
    }
    ul.selectReplacement li {
      background: #cf5a5a;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 276px;
    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {
      background: url(bottom.gif) bottom left no-repeat;
      color: #fff;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #9e0000;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #9e0000;
      color: #fff;
    }
  </style>

N'etant pas expert en css je me demande s'il y a possibilité de changer ce code de maniere a ce que je puisse changer la taille d'un select et pas tous a la foix cela etantpour moi le principal probleme. Merci a tous ceux qui s'aurontz m'aider.
salut,
il te suffit d'attribuer un id ou une class aux select concernés.met un id, si seulement un élément par page est concerné et une class si t'en as plusieurs

<select id="nom_id">
(...)
</select>

et dans ta css

#nom_id{}

ou si c'est une class

<select class="nom_class">
</select

select.nom_class {}

p'tit conseil, tu devrais lire qq tutos de bases présents sur ce site! a+
Modifié par p_tite_jo (23 Jan 2006 - 13:49)