+ Post New Thread
Results 1 to 5 of 5

Thread: How to display a link without underline when mouseover on the link using CSS?

  1. #1
    Banned
    Join Date
    Aug 2015
    Location
    Bangalore
    Posts
    47
    Post Thanks / Like

    How to display a link without underline when mouseover on the link using CSS?



    How to display a link without underline when mouseover on the link using CSS?

  2. #2
    Member nesir's Avatar
    Join Date
    Sep 2017
    Location
    South Africa
    Posts
    78
    Post Thanks / Like


    Is this useful / helpfull? Yes | No
    Simply add class to the link. Then add a style to the class called text decoration none.

  3. #3
    Junior Member GridCash's Avatar
    Join Date
    Mar 2018
    Posts
    5
    Post Thanks / Like


    Is this useful / helpfull? Yes | No
    <a href="#" class="link">LINK</a>

    in CSS

    .link:hover {
    text-decoration: none;
    }

  4. #4
    Junior Member seojyoti's Avatar
    Join Date
    Mar 2015
    Posts
    9
    Post Thanks / Like


    Is this useful / helpfull? Yes | No
    Put the following HTML code before the <BODY> tag: <STYLE>A {text-decoration: none;} </STYLE>

  5. #5
    Member nesir's Avatar
    Join Date
    Sep 2017
    Location
    South Africa
    Posts
    78
    Post Thanks / Like


    Is this useful / helpfull? Yes | No
    This is the best method
    <a href="#" class="clean">LINK</a>

    .clean:hover {
    text-decoration: none;
    }

    You should add a transition effect on it more aesthetic the website design.

    a {
    text-decoration: none;
    position: relative;
    font-size: 2em;
    }

    a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: black;
    opacity: 0;
    transition: 1s all ease-in-out;
    }

    a:hover:after {
    opacity: 1;
    }

    <a href="#" class="underline">link</a>

+ Post New Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
 Protected by : ZB BLOCK  &  StopForumSpam