如何在范围输入上设置刻度?

时间:2016-01-01 07:06:14

标签: html5 css3

我在调查问卷中使用范围输入,我想让线条更大胆。到目前为止,我的代码是

<input type="range" id="q8a1" name="#" min="1" max="10" list="input01" value="1" step="1" style="width:100%; />

<datalist id="input01">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
    </datalist>

我尝试使用内联CSS添加边框属性和其他一些东西,但没有任何效果。我把所有想到的东西都围绕着这个并研究了伪类,看看是否有一种方式来设置样式,就像它们用拇指和轨道来设置范围输入一样,但我不能这样做找到任何东西这可能吗?

2 个答案:

答案 0 :(得分:1)

尝试添加list="tickmarks"属性

更多信息here!

答案 1 :(得分:0)

根据this,截至2017年12月2日,仍然不支持此功能。