Html – Disable hand symbol when hovering over a link

csshtml

I want to disable a decoration in any hyper link means when we hover a link then we get a hand symbol instead of mouse cursor. I want to disable it .Whenever i hover mouse on a link it should just show mouse cursor but not hand symbol.

Best Answer

You can use the CSS cursor property to get this.

Use default to get a pointer like when not hovering over any text
Use text to get a text-selection cursor like when hovering over non-link text

a {
    cursor: default;
}

Example: http://jsfiddle.net/Nc5CS/

Related Solutions

Css – How to hide an element when printing a web page

In your stylesheet add:

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

Then add class='no-print' (or add the no-print class to an existing class statement) in your HTML that you don't want to appear in the printed version, such as your button.

CSS 100% height with padding/margin

I learned how to do these sort of things reading "PRO HTML and CSS Design Patterns". The display:block is the default display value for the div, but I like to make it explicit. The container has to be the right type; position attribute is fixed, relative, or absolute.

.stretchedToMargin {
  display: block;
  position:absolute;
  height:auto;
  bottom:0;
  top:0;
  left:0;
  right:0;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:80px;
  margin-left:80px;
  background-color: green;
}

<div class="stretchedToMargin">
  Hello, world
</div>

Fiddle by Nooshu's comment

Best Answer

Related Solutions

Css – How to hide an element when printing a web page

CSS 100% height with padding/margin

Related Topic