2011-12-07 22 views
8

FireFoxでinputタイプ範囲の垂直方向が可能かどうか知っている人がいますか?HTML5入力タイプの範囲は、縦向きのFirefoxですか?

-webkit-appearance: slider-vertical; 

そして私はFirefoxでこのような何か試してみました:

私は、あなたが行うことができますChromeとSafariで知っ

HTMLを

<input type="range" name="range" min="0" max="9" step="1" value="3" /> 

CSS

input[name=range] { 
    width: 150px; 
    height: 10px; 
    -moz-transfrom: rotate(270deg); 
} 

これは、私が望むような効果を作り出しますが、inputのデフォルトのポインターの方向は、変更するために左右にドラッグする必要があります。

ここにはExampleがあり、FireFoxで表示する必要があります。

件名に関する最新情報やエキサイティングな情報がありがとうございます。ありがとうございます!

+2

これは何よりもバグのように聞こえるが更新されます。 Bugzillaに関する報告書を提出し、彼らの言うことを見てください。 – BoltClock

+0

'border:0;'スタイルを追加すると、よりきれいになります – aelgoa

答えて

0

最近のFirefoxのアップデートのように、この問題を解決しました。ここで

<input type="range" name="range" min="0" max="9" step="1" value="3" /> 

fiddleとCSS

input[name=range] { 
    position:relative; 
    top: 100px; 
    width: 150px; 
    height: 10px; 
    border: 0 

    -webkit-transform: rotate(270deg); 
     -moz-transform: rotate(270deg); 
      transform: rotate(270deg); 
} 
0

Firefoxは<input type="range">をサポートしていません。あなたの例はfryn's slider polyfillを使用しているので、frynのgithub issue trackerにバグを報告する必要があります。

関連する問題