Tomek Cysewski Tomek Cysewski - 1 month ago 15
HTML Question

How do I make this tag a clickable inside the input?

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>

Answer

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

Removing this rule solves the problem.