MDUI
首页
注册

滑块区域不对

LuRen
WOW wowowowoowww
2020-06-26 17:56:57

如图:

https://imgchr.com/i/NsZq1K

滑块可以操控的区域不对。。。

代码:

HTML

——>

<div class="mdui-shadow-24" id="verification">

<br /><br /><br /><br />

<div class="mdui-typo-headline"><i class="mdui-icon material-icons">lock</i>请拖动到数值为<p class="mdui-text-color-theme-accent">14</p>处<i class="mdui-icon material-icons">lock</i></div>

<form action='./index.html'method="POST">

<br /><br /><br /><br />

<label class="mdui-slider mdui-slider-discrete">

<input type="range" min="0" max="100" height="400"/>

</label>

<br /><br /><br /><br /><br />

<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" type="submit">验证</button>

</form>

</div>

<——

CSS:

——>

#verification {

width: 650px;

height: 445px;

margin: auto;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

};

<——