How can I get rid of top/botton grey border of item menu

Hi
How can I get rid of top/botton grey border of item menu?
playing with style border doesn’t work for those annoying grey lines as shown in image below:


I want to create something like this:
image

Hi @nader.chinichian, there is a bug open for this right now. That border style rule is currently unreachable with the style properties.

1 Like

Has this bug been fixed?

I test it in 8.0.12 and still have problem

@brandon1, still an active bug; that ticket has yet to be worked.

1 Like

Any chance that bug is on a timeline yet to be addressed?

I change the bk color of menu to that nasty line color to make them disappear. If your project accept that gray color this can work for you.
also you can make it narrower by adding margin: -1px

@brandon1, I’ll give the ticket a bump.

2 Likes

It finally fix in 8.0.13. Woow.

This is the only post that comes up on Google when searching for this issue, and of course someone has figured it out without posting the solution. Can you please tell me how to get rid of this border?

It has probably been fixed by upgrading to > 8.0.13 and using the techniques in the original post.

You didn't state which version you are running and where you are getting stuck.

Menu border

You need to set it up on each item. I'd be inclined to create a style with borderWidth : 0 and apply that to each item. Then you can change them all in an instant or make it a user choice.

1 Like

I am looking at a horizonal menu, not vertical. I changed the border width on the style of the entire menu, and it worked this time. Whoops.

It's hard for us to guess.

You're a real joy.