如何在输入中使此标记可单击?

时间:2016-11-05 09:13:31

标签: html input twitter-bootstrap-3

我加载了我的项目很好的输入,我的目标是在这个输入中放入可点击的按钮/一个带浮点数的标签:对。在我的本地版本中,点击按钮/标签(问号)动画开始发生,在jsfiddle示例中它甚至没有反应。我没有任何想法如何解决这个问题,没有改变输入源(设计很酷)。

https://jsfiddle.net/yoofu5me/5/

    <div class="row">
  <div class="col-md-6 col-md-offset-3">
        <span class="input input--haruki text-center" style="margin-top: 10px;">
            <input class="input__field input__field--haruki" type="text" id="input-1" />
            <label class="input__label input__label--haruki" for="input-1">
                <span style="font-size:14px;" class="input__label-content input__label-content--haruki">Give me the word <a href="https://www.freshdesignweb.com/css-login-form-templates/" target="_blank" style="float:right" href="#" ><i class="fa fa-question"></i></a></span>
            </label>

        </span>

  </div>

</div>

2 个答案:

答案 0 :(得分:0)

pointer-event: none; CSS规则在链接的父元素(问号)上设置。

删除此规则可以解决问题。

答案 1 :(得分:0)

问题是 - 您还没有将CSS与您的html文件相关联。

您提供的链接也有CSS。在styles.css中保存它。然后转到您的HTML文件 - 将其添加到标记

/assets/