0

I loaded to my project nice input and my goal is to put inside this input the clickable button/a tag with float:right. Inside my local version of this, after clicking the button/a tag(question mark) animation start to happen, in jsfiddle example it doesn't even react. I don't have any ideas how to solve this problem, not changing the input source(design is cool).

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>
Tomasz Cysewski
  • 569
  • 3
  • 10
  • 15

2 Answers2

0

The pointer-event: none; CSS rule is set on the parent element of the link (question mark).

Removing this rule solves the problem.

Pierre C.
  • 1,426
  • 1
  • 11
  • 20
0

The problem is - you haven't linked the css with your html file.

The link that you've provided also has a CSS. Save that in styles.css. Then go to your HTML file - add this in tag 

<link rel="stylesheet" href="styles.css">
Akash Chandwani
  • 550
  • 1
  • 9
  • 20