0

HTML5の範囲をテーブル内で垂直に表示しようとしていますが、その方法がわかりません。実際、範囲がテーブルの外側にある場合は問題ありませんが、範囲が内側にある場合は垂直にすることはできません。迷惑...

<table>
<tr>
<div class="slide"><th><input type="range" min="0" max="100" id="slider1"></th></div>
</tr>
</table>

およびcss:

slide {
    -webkit-appearance: slider-vertical;
    -moz-transfrom: rotate(270deg);
}
4

1 に答える 1

3

コードには次の 4 つの問題があります。

  1. マークアップが無効です。div要素の直接の子として要素を持つことはできませんtr
  2. CSS クラスセレクターが間違っています。.先頭にa がありません。
  3. スタイリングは、ラッピング div ではなく、range 要素に適用する必要があります。
  4. このth要素は、table-headthead要素内の列にのみ使用する必要があります。サンプルコードから判断すると、そうではなく、td代わりに要素を使用する必要があります。

マークアップ:

<table>
<tr>
<td><input class="slide" type="range" min="0" max="100" id="slider1"></td>
</tr>
</table>

CSS:

.slide {
    -webkit-appearance: slider-vertical;
    -moz-transfrom: rotate(270deg);
}

デモ

于 2013-03-08T09:43:31.577 に答える