Is it possible to have a vertical array of Range?

I am currently trying to create an HTML5 app on Monaca.

Regarding the CSS Components Range,
http://ja.onsen.io/reference/css.html#range
Is it possible to place the slider vertically as well as horizontal?

When I searched for it, it didn't come out when I read Monaca's instruction book, so I asked you a question here.
I would appreciate it if you could let me know if there is a solution through Onsen UI or Monaca.

monaca onsen-ui

2022-09-30 20:46

1 Answers

I'm not familiar with the Onsen UI, but since transform is now available from CSS3, you may be able to create a vertical slider by specifying transform:rotate(90deg);.

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

Try adding .

2022-09-30 20:46

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656