Avatar billede RasmusTheR Seniormester
19. marts 2019 - 21:16 Der er 1 kommentar og
2 løsninger

Slider style virker ikke i Explore og Edge

Jeg har fundet følgende style til en slider, men den virker kun i Chrome og Firefox og ikke i Explore og Edge. Er der en som kan tilpasse den til disse to browsers?

<style>
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  border: 0px solid #000000;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #000000;
  background: rgb(255, 0, 0, 1);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #000000;
  background: rgb(255, 0, 0, 1);
  cursor: pointer;
}

.slider:hover {
  opacity: 1;
}
</style>


<input type="range" min="0" max="1" value="1" step="0.01" class="slider">
Avatar billede Slater Ekspert
19. marts 2019 - 23:08 #1
::-ms-thumb er det tilsvarende for Edge og IE, men der er så nogle andre problemer der, der lige skal rettes op på.

Og så er der en fejl i din kode. rgb() funktionen tager ikke fire argumenter, det gør kun rgb(). Chrome og Firefox ignorerer åbenbart det fjerde argument, men det gør Edge ikke, så den skal fikses.
Avatar billede Slater Ekspert
19. marts 2019 - 23:08 #2
"Det gør kun rgba()" - skulle der stå.
Avatar billede RasmusTheR Seniormester
23. marts 2019 - 14:53 #3
Så virker den 1000-tak
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB