Safari中的引导程序与input=range冲突

Question

在Safari中，拇指在移动时会被割伤。Bootstrap似乎与类型为range的input冲突。

它在Chrome和Firefox中运行良好。你知道吗？

body {
    padding: 30px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<input type="range">

请参阅演示：带引导的输入范围

Answer 1

这似乎是由display:block引起的。强制它返回到WebKit默认的display:inline块可以消除剪切。

更多详细信息请参阅：https://github.com/twbs/bootstrap/issues/16809#issuecomment-122480851