Use CSS to Make a Span Not Clickable

Is it possible to make an HTML anchor tag not clickable/linkable using CSS?

You can use this css:

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

And then assign the class to your html code:

<a style="" href="page.html" class="inactiveLink">page link</a>

It makes the link not clickeable and the cursor style an arrow, not a hand as the links have.

or use this style in the html:

<a style="pointer-events: none; cursor: default;" href="page.html">page link</a>

but I suggest the first approach.

Making a span unclickable temporarily

Try to use this in your elements to enable and disable the click:

  $( "#myElement").unbind( "click" ); //disable click
  $( "#myElement").bind( "click" ); //enable

Can a span be made into a clickable link?

Yes, it's a reliable way to put <span> or <img>(or any element you want to be a link) in a <a> tag.

click here for Definition and Usage

The tag defines a hyperlink, which is used to link from one page
to another.
The most important attribute of the element is the href attribute,
which indicates the link's destination.

Make overlapping div not clickable so that content below can be accessed?

Well there is pointer-events:none; but only ~~few browsers~~ modern browsers (and IE11) support it.

https://developer.mozilla.org/en/CSS/pointer-events

How can I make a span clickable?

Add the onclick event. (https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick)

<span class="glyphicon glyphicon-search" onclick="myFunction()"></span>
@Html.TextBox("text", Model.Search.text, new {placeholder = Html.T("Поиск"), @class = "form-control"}

myfunction can be the function that triggers the submit on your input.

Why the SPANs inside a DIV not clickable

Have you declared a DOCTYPE?

<!DOCTYPE html>