在Safari中，bootstrap与input = range冲突

Question

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

在Chrome和Firefox中运行良好。 对此有何想法？

body {
    padding: 30px;
}

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

<input type="range">

请看演示： input range with bootstrap

Answer 1

这似乎是由display：block引起的。 强制它回到WebKit默认的display：inline-block摆脱剪辑。

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