【问题标题】:How to make revolution slider text selectable?如何使旋转滑块文本可选?
【发布时间】:2016-02-28 20:28:48
【问题描述】:

我的旋转滑块有问题,如果这是正确的术语,我想让我添加到旋转滑块上的文本(图层)可以悬停/可选择。我有一个手机号码,我希望人们能够根据需要复制它,但很遗憾,如果他们无法选择它,那就不可能了。

有可能吗?如果是的话,希望有人能告诉我怎么做,我无法在互联网上的任何地方找到这个问题。

【问题讨论】:

  • 您真的希望人们购买插件以便为您开发额外的功能吗? SO 是一个您带着您编写的代码来的地方,但它并没有按照您期望的方式工作,并要求人们为您指出正确的方向,因为您尝试了您能想到的一切。你的代码在哪里?您的编程和记录工作在哪里?您应该问上述问题的唯一人是插件开发人员。
  • 谢谢,但不,谢谢,我没想到有人会为了帮助我而购买这个插件,我希望以前有人遇到过同样的问题并且可以马上帮助我,因为我已经去了通过文档,没有任何帮助。
  • 如果是这样,请更新您的问题,并附上您通过的有关该问题的任何相关文档的链接,即使它没有帮助。帮助我们帮助您的另一个重要步骤是提供一个测试环境,我们可以在其中检查相关代码并找到解决方案。使用 jsfiddle。您可以在那里添加外部脚本和样式来复制您的环境。
  • 你用的是什么滑块? jQuery 还是 WP?我假设它是 5.1?
  • 感谢您的帮助,是的,它是 5.1 wp,但我真的不知道在 jsfiddle 上发布什么,因为我刚开始使用 wordpress,我的编码能力接近 0,所以我能做的大部分事情都是通过谷歌搜索并找到答案。

标签: html css wordpress revolution-slider


【解决方案1】:

将此代码添加到您的 style.css 文件中

.tp-caption{
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}

【讨论】:

    【解决方案2】:

    这是 Themepunch 文档。

    https://www.themepunch.com/faq/allow-for-caption-text-highlighting/

    我希望这会有所帮助!

    【讨论】:

    • @felix-dragoi。如果您觉得有帮助,请将其标记为答案,我将不胜感激。谢谢!
    • 链接没有指向答案。链接正在重定向到主支持页面。
    • @Gvtha 感谢您指出这一点。已经 2 年了,我想 Themepunch 已经更新了他们的网站,并且没有添加重定向到新页面:(
    【解决方案3】:

    我请求支持。只需将此添加到滑块的自定义 CSS 中

    .tp-caption.tp-layer-selectable{
    -webkit-user-select: text !important; /* Chrome, Opera, Safari */
    -moz-user-select: text !important; /* Firefox 2+ */
    -ms-user-select: text !important; /* IE 10+ */
    user-select: text !important; /* Standard syntax */
    }
    

    【讨论】:

      【解决方案4】:

      这是 Slider Revolution v6.0.2

      1. 图层可选 - 切换开启以使文本可选。

      参考“滑块革命”支持页面:https://www.themepunch.com/slider-revolution/module-defaults/

      【讨论】:

        【解决方案5】:

        在滑块旋转中,在“样式”选项卡上单击向下箭头,如图所示:

        然后您会看到一个带有“灯泡”图标的选择框,从列表中选择 On 以使您的滑块处于预览状态时可选择文本。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2022-01-20
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多