how to exclude some disabled links from styling?

Question

I have some anchor links in my application which when disabled should look gray so I applied the following code in css file:-

a[disabled] 
 { 
    color: Grey !important; 
    text-decoration: none !important; 
 }

This seem to work fine but I want to exclude 1 link from taking this style when disabled. How can I do that?

Can you give me the condition you want to exclude..? – Akhilesh Kumar Jun 02 '15 at 09:55 — Akhilesh Kumar, Jun 02 '15 at 09:55

Akhilesh Kumar · Answer 1 · 2015-06-02T09:59:38.460

0

try

a[disabled]:not(your selector) 
 { 
    color: Grey !important; 
    text-decoration: none !important; 
 }

e.g.

a[disabled]:not(:nth-of-type(2)) 
 { 
    color: Grey !important; 
    text-decoration: none !important; 
 }

edited Jun 02 '15 at 09:59

answered Jun 02 '15 at 09:53

Akhilesh Kumar

score 0 · Answer 2 · edited May 23 '17 at 12:23

0

Looks your selector is wrong. It has to be

a[disabled=disabled]{
    color: Grey !important; 
    text-decoration: none !important;
}

edited May 23 '17 at 12:23

Community

answered Jun 02 '15 at 09:53

sasi

The link to exclude is asp:hyerlink. Do I have to mention its Id at the "your selector" here? Link to exclude code-" and there are more hyperlinks like that. They display like buttons so have to be excluded. – Neha Aggarwal Jun 02 '15 at 11:15

2 Answers2