how to set border style property to none in unordered list?

Question

i am designing one drop down list with css Here is my html code:

enter image description here

i have set each li a property border-right to border-right:1px dashed silver; i want to delete that property for last li a element

and here is css code :

 #navigation { display:inline-table; text-align:center; background:silver; } #navigation li { float:left; list-style:none; padding:2px 10px 2px 10px; } #navigation a { display:block; text-decoration:none; color:green; font-weight:bold; padding:5px; border-right:1px dashed green; } .noBorder { display:block; text-decoration:none; color:red; font-weight:bold; padding:5px; border:0px; } #navigation a:hover { color:yellow; background:black; }

i want to delete right-border of the last list software Developments so i tried with noBorder class. but can't give any solution please can any one let me know thanks advance

Mr. Alien · Accepted Answer · 2012-12-08 05:52:56Z

3

Am not sure which border are you talking about but try this if you want to remove the border from last li

.noBorder { border-right: none !important; }

answered Dec 8, 2012 at 5:52

Mr. Alien

158k36 gold badges307 silver badges287 bronze badges

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

2 Comments

Mayank K. Swami Over a year ago

+1 sorry alien i did not know when posting .. our answer is same ...even stackoverflow.com/questions/13774909/…

Mr. Alien Over a year ago

@NullPointer hey it's k bro no issue :) I don't mind whoever the answer gets selected as correct, I just gave the answer, my job is done

Rajiv Pingale · Accepted Answer · 2012-12-08 05:55:09Z

0

Try this, it will work

.noBorder { border-right:0px!important; }

answered Dec 8, 2012 at 5:55

Rajiv Pingale

1,01310 silver badges27 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:03:23Z

0

you can do this by

border: none !important;

it will remove all border

to remove right border ony try

border-right: none !important;

Good Read

Is !important bad for performance?

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Dec 8, 2012 at 5:50

Mayank K. Swami

57.3k23 gold badges130 silver badges148 bronze badges

4 Comments

Mayank K. Swami Over a year ago

@rangasathish i am not sure what you want exactly ? could show image

Mayank K. Swami Over a year ago

@rangasathish it mean you are overriding other css ... please check stackoverflow.com/questions/13743671/is-important-bad-for-performance/13745254

rangasathish Over a year ago

how get rid of that. If any way to delete last li element border property please let me know.

Mayank K. Swami Over a year ago

@HelloWorld noop .. i did not even know that alien answered .. in the mean time i was trying to format other answer you might want to check stackoverflow.com/posts/13774915/revisions and codepad.org/v4GKDIDs

Mayank K. Swami · Accepted Answer · 2012-12-08 05:53:12Z

#navigation { display: inline - table; text - align: center; background: silver; } #navigationli { float: left; list - style: none; padding: 2px 10px 2px 10px; } #navigationa { display: block; text - decoration: none; color: green; font - weight: bold; padding: 5px; border - right: 1px dashed green; } .noBorder { display: block; text - decoration: none; color: red; font - weight: bold; padding: 5px; border: 0px; } #navigationa: hover { color: yellow; background: black; }

you may like to do this by codepad.org/wya91Vo5 and than try jsbeautifier.org

Collectives™ on Stack Overflow

how to set border style property to none in unordered list?

4 Answers 4

2 Comments

Comments

4 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

4 Comments

2 Comments

Linked

Related