How to reference css in actionlink?

Question

A actionlink like:

<%= Ajax.ActionLink("more", "myControl", new { id = item.ID },
     new AjaxOptions { UpdateTargetId = "pop", OnComplete = "showdetail" },
     new { @class = "search" })

Then I set css in css file like:

a.search 
{...}
a:search.hover 
{...}

It doesn't work. If I change css name is css file as:

.search 
{...}

It seems work only in Firefox, not work in IE.

How to resolve this issue?

Jason · Accepted Answer · 2009-07-29 14:54:01Z

1

Your CSS appears to be incorrect; you will want to define it as:

a.search { ... }
a.search:hover { ... }

answered Jul 29, 2009 at 14:54

Jason

28.7k10 gold badges66 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Jason Over a year ago

No; you have a typo in your original CSS. The hover selector should read a.search:hover not a:search.hover.

KentZhou Over a year ago

Thanks. Keep new { @class = "search" } and change css as a.search { ... } a.search:hover { ... } , then It works for Firefox, But not work for IE. Any idea?

Jason Over a year ago

Which version of IE? If it's IE6 you may need to go with an alternate solution. Does a:hover { ... } work for you? Does .search:hover { ... }? google.com/… has more approaches.

KentZhou Over a year ago

Thanks. I use IE7. I tried to remove a.search:hover { ... } in css file and tried it again. Still not work for IE. I use this css to display a image for the action link.

KentZhou Over a year ago

Find out the reason: In order to use image for this link, I change the actionlink call as: <%= Ajax.ActionLink(" ", "myControl",...), Firefox seems recognize the space, but IE removes all of them and display nothing. What's the solution?

Collectives™ on Stack Overflow

How to reference css in actionlink?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related