

現在、MonacaにてHTML5アプリを作ろうとしております。

CSS ComponetsのRangeについてなのですが、  
<http://ja.onsen.io/reference/css.html#range>  
スライダーをhorizontalだけでなく、verticalに配置することは可能なのでしょうか。

検索しても、Monacaの教則本を読んでも出てこなかったのでここで質問いたしました。  
Onsen UIもしくはMonacaで解決する方法があればお教えいただければ幸いです。


CC BY-SA 3.0
2015-04-24T16:51:55.880
9532
2015-07-23T19:27:28.243
9478
question
monaca onsen-ui
Rangeのvertical配列は可能でしょうか。


Onsen
UIについて詳しくありませんが、CSS3から`transform`が利用できるようになり、要素を自由に変形できるようになっていますので、`transform:rotate(90deg);`を指定すればverticalなスライダーを作成出来るかもしれません。

[code]

    input[type=range] {
      -webkit-transform:rotate(90deg);       
      -moz-transform:rotate(90deg);
      -o-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
      transform:rotate(90deg);
    }
    
[/code]

を追加してみてください。


CC BY-SA 3.0
2015-04-24T17:54:28.367
9533
2015-04-24T17:54:28.367
8351
9532
answer