輸入範圍風格改變了神祕

Question

我已經試過我的造型我的網頁的input type range。不幸的是，我看到一個舍入的滑塊按鈕，而不是默認的子彈。當然，它看起來不錯，但不知道它來自哪裏。

我在mozilla firefox看到這一點。

這是Fiddle link

編輯：才發現，這是因爲在background-color變化。但是，如果更改了background-color，爲什麼滑塊項目符號樣式會發生更改。

Answer 1

滑塊的默認渲染與本地操作系統進行主題化：瀏覽器會詢問操作系統在屏幕上的具體位置，只是畫一個滑塊控件。

但是，如果你改變的背景下，即實施策略不再起作用，因爲你不能爲OS畫一個滑塊控件具有不同的背景比默認的滑塊控件（至少不是所有操作系統）。所以在那個時候，瀏覽器會重新繪製控件本身。它會嘗試在某種程度上使其看起來像操作系統默認的渲染，但它不能可靠地做到這一點，因爲操作系統的默認渲染可以是非常隨意的，這取決於您已啓用的操作系統主題...