Come personalizzare questa select?

Buongiorno, io ho un problema sulla personalizzzione con css di questa select.


Con questo codice html, impostato con un div che precede la select e che viene chiuso dopo la select, la select non mi compare da interfaccia, cioè proprio non mi appare,se invece apro e chiudo il div prima della select mi compare il menù a tendina, ma non riesco a personalizzarlo con css
html:

<div class="custom-select" id="Select">	
								<select id="select">
									<optgroup value="100" label="Select Project:">
									</optgroup>
								</select>
                </div>

Codice css, con cui però vado a personalizzare il div e non la select, infatti aprendo e chiudendo il div prima della select , la select la vedo ma questa personalizzazione viene di fatto applicata al div e non alla select.

.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

Vorrei gentilmente chiedere se si possa utilizzare una select direttamente come div o comunque posso risolvere questo problema. Come posso creare una select direttamente come div?

Originariamente inviato da Nedved9

...,se invece apro e chiudo il div ...

Che significa? C'è un qualche codice che mostra/nasconde la div?

Originariamente inviato da Nedved9

Come posso creare una select direttamente come div?

Questo non ha senso. Sono due elementi che hanno funzioni completamente diverse, ma del tutto personalizzabili nell'aspetto.

Originariamente inviato da Brontolo

Che significa? C'è un qualche codice che mostra/nasconde la div?

dovrei aver risolto quel problema , però non riesco a personalizzarlo...
Ad esempio lo sfondo del menù a tendina mi appare bianco, come posso impostare questo colore #DEEBEF? cioè sualla base del css che ho fatto, mettere il css o non metterlo non vedo differenze, era per quello che pensavo di creare tipo un <div classe=""> che riproduce un menù a tendina, cioè a me sembra che il css agisca sul div e non sulla select , non so se mi sono spiegato,ad esempio vorrei impostare lo sfondo alla select, ma non capisco come faro apparire del colore desiderato

Originariamente inviato da Nedved9

dovrei aver risolto quel problema

Quale problema? Se preferisci fare un monologo non ti serve un forum.

Originariamente inviato da Brontolo

Quale problema? Se preferisci fare un monologo non ti serve un forum.

Io sto chiedendo un consiglio, se si può o meno utilizzare una select come div, e come posso colorare il menù a tendina del colore desiderato, non sono qui a fare monologhi di certo, se riesce a darmi risposte/consigli bene, sennò visto che è un forum, può anche non rispondermi

No,non funziona così. Tu hai posto ina domanda in modo non chiaro e ti ti ho invitato a chiarire cosa intendevi, in quanto aprire o chiudere una div non significa niente. Tu invece hai preferito andare dritto nella tua pretesa assurda di trasformare un div in un select. Questo è il monologo.
È un consiglio che chiedi? Comprati un libro e studia, invece di scopiazzare codice che non comprendi.

Originariamente inviato da Brontolo

Tu hai posto ina domanda in modo non chiaro e ti ti ho invitato a chiarire cosa intendevi [...]

...e questo avviene abbastanza spesso: ad esempio, c'è questa discussione del tutto simile che è stata abbandonata a sé stessa, senza evoluzioni né risposte.