Question

我花了这么长时间试图解决这个问题，我在google上找不到任何关于它的内容，但是如何隐藏或删除位于输入类型=“范围”（滑动条）元素下的值标签显示滑动条的当前值。

如果你不知道我在说什么，因为我知道这个标签并不总是出现在html幻灯片栏中但是在chrome（版本54.0.2840.98）和safari（版本10.0.1）中至少它总是出现在我的情况下。例如，这个SINGLE行：

private let reuseIdentifier = "bookCell"

class BookResultsCollectionViewController: UICollectionViewController, UIWebViewDelegate {

    @IBOutlet weak var webView: UIWebView!
    var receivedURLs = [NSURL]()
    var contentSize = CGSize()


    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! BookResultsCollectionViewCell

        cell.webView.loadRequest(URLRequest(url: receivedURLs[indexPath.row] as URL))

        cell.webView.delegate = self

        return cell
    }



    func webViewDidFinishLoad(_ webView: UIWebView) {
        contentSize = webView.sizeThatFits(CGSize.zero)
        webView.scrollView.zoom(to: CGRect(x: 0,y: 0, width: contentSize.width, height: contentSize.height), animated: false)

    }
}

始终输出：

幻灯片下的那个数字是我想要摆脱的！请帮助我绝望！

Answer 1

这是一个网站，为您提供了很好的解释，如何隐藏它以及必要时进行自定义！ http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html

Answer 2

我没有完全弄清楚为什么会出现这个标签以及你是如何完全摆脱它的;但是，这个标签从其父元素（在我的例子中是div元素）继承了它的样式，所以你要做的就是将父元素的color设置为color: transparent;并完成，不再是讨厌的标签。

我希望这有助于某人！

修改：

实际上，由于某种原因，使用显示其值的滑动条自动创建<span>元素，因此如果您选择这样，您也可以循环访问父元素并将其从文档中删除

如何在input type =“range”元素下隐藏值标签

2 个答案: