Discussion :

[apdf1]

Bonjour

J'ai dans mon code de ma liste déroulante un caractère spécial ▼ en forme de triangle

Je voulais savoir s'il était possible de changer sa couleur?

Mon code html:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form>
  <fieldset id="fs" class="oflow">
    <div class="select">
      <input type="text" id="foo" value="" /> ▼
    </div>
    <ul class="options">
      <li>un</li>
      <li>deux</li>
      <li>trois</li>
      <li>quatre</li>
      <li>cinq</li>
      <li>six</li>
    </ul>
 
 
  </fieldset>
</form>

Mon code Css:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.options li { list-style:none;
list-style-position: outside;
 cursor: pointer;
 }
 
.options li:hover {
  background-color: silver;
}
.oflow { width: 200px;
  border: solid 1px red;
overflow: visible; }
.options{
 
  display: none;
  margin: 0;
  padding:0;
  border: solid 1px silver;}
#foo { 
 border :0;
 }
 .select {
   border: solid 1px silver;
   display:inline-block;
   }

Je vus remercie d'avance.

Max

[ProgElecT]

Salut

Code HTML :

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

      <input type="text" id="foo" value="" /><span> ▼</span>

et pour le CSS

Code :

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

1
2
3
			span { 
				color:blue;
			}

[apdf1]

Salut ProgElecT

Nickel je te remercie et te souhaite une bonne journée

max

[ProgElecT]

Re

Pour le CSS

Code :

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

1
2
3
			input + span{			 /* la selection s'appliquant à tous éléments span qui suit imédiatement un élément input*/
				color:blue;
			}

serait peut être mieux adapté pour ton besoin.