回答編集履歴
3
edit
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
「JavaScriptから疑似要素を取得」とう観点で調べてみましたら、[Window.getComputedStyle()](https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle)から
|
|
5
|
+
「JavaScriptから疑似要素を取得」という観点で調べてみましたら、[Window.getComputedStyle()](https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle)から
|
|
6
6
|
|
|
7
7
|
[CSSStyleDeclaration.getPropertyValue()](https://developer.mozilla.org/ja/docs/Web/API/CSSStyleDeclaration/getPropertyValue)というのが見つかりました。
|
|
8
8
|
|
|
@@ -26,11 +26,9 @@
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
+
-----
|
|
30
|
+
|
|
29
31
|
以下、編集前の回答
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
-----
|
|
34
32
|
|
|
35
33
|
|
|
36
34
|
|
2
edit
test
CHANGED
|
@@ -1,4 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
背景画像をあてているのがrange自体ではなく、疑似要素だからだと思います。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
「JavaScriptから疑似要素を取得」とう観点で調べてみましたら、[Window.getComputedStyle()](https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle)から
|
|
6
|
+
|
|
7
|
+
[CSSStyleDeclaration.getPropertyValue()](https://developer.mozilla.org/ja/docs/Web/API/CSSStyleDeclaration/getPropertyValue)というのが見つかりました。
|
|
8
|
+
|
|
9
|
+
ご参考まで。
|
|
10
|
+
|
|
11
|
+
```js
|
|
12
|
+
|
|
13
|
+
Array.from(document.querySelectorAll("input[type=range]"), r => {
|
|
14
|
+
|
|
15
|
+
var property = window.getComputedStyle(r, '::-moz-range-thumb').getPropertyValue('background-image')
|
|
16
|
+
|
|
17
|
+
console.log(property);//url("https://pngimg.com/uploads/free/free_PNG90756.png")
|
|
18
|
+
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
[JS/jQueryでCSS疑似要素である:before:afterのプロパティを取得し変更する](http://ithat.me/2016/09/29/js-jquery-pseudo-element-property-get-and-set)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
以下、編集前の回答
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
-----
|
|
2
34
|
|
|
3
35
|
|
|
4
36
|
|
1
edit
test
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
# 失礼。表示されないことが問題ではなかったですね
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
画像が枠に対して大きすぎるだけですね。
|
|
2
6
|
|
|
3
7
|
[background-size](https://developer.mozilla.org/ja/docs/Web/CSS/background-size)で枠におさまるように調整してみてください。
|