問題
90°回転させて縦にしてたのですが、効果を加えるのに難があったので元から縦にしようと、←を見て縦にしました。
でも、動きません。(ボタンや軸は画像です)
どうしてでしょうか…? TT
このように、ボタンを触ると横にピッと動くだけで、あとは横にも縦にも動きません。
ボタンや軸を画像にするのは←を参考にしました。
現状
html
1<div id="filter"> 2 <input type="range" name="page" orient="vertical" step="20" list="pagelist" /> 3 <datalist class="pagelist"> 4 <option value="1"></option> 5 <option value="2"></option> 6 <option value="3"></option> 7 <option value="4"></option> 8 <option value="5"></option> 9 </datalist> 10</div>
css
1input[type=range]:focus { 2 outline: none; 3} 4#filter { 5 position: sticky; 6 position: -webkit-sticky; 7 top: 250px; 8 left: 57px; 9 width: 13px; 10 height: 196px; 11 float: left; 12 background: url('jiku.svg'); 13} 14 15#filter input[type=range][orient=vertical] { 16 writing-mode: bt-lr; /* IE */ 17 -webkit-appearance: none; 18 width: 13px; 19} 20/* Chrome */ 21#filter input[type=range][orient=vertical]::-webkit-slider-runnable-track { 22 height: 150px; 23} 24#filter input[type="range"][orient=vertical]::-webkit-slider-thumb { 25 -webkit-appearance: none; 26 width: 35px; 27 height: 16.739px; 28 background: url('botan.svg') no-repeat center center; 29} 30/* Firefox */ 31#filter input[type=range]::-moz-range-track { 32 height: 150px; 33} 34#filter input[type="range"]::-moz-range-thumb { 35 width: 35px; 36 height: 16.739px; 37 background: url('botan.svg') no-repeat center center; 38}
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/12 08:55
2019/02/14 11:56 編集