Horizontal Rules to replace with border

Question

I have options menu and i want to use Horizontal Rules on each options instead of using bottom of border, it possible to put bottom border into the Transparent and replace with Horizontal Rules in css or jquery! if so how to that write that code!

Answer 1

if i my guess is correct

.after()

can solve your problem.

check if this is what you want

Answer 2

Here is a link to the solution you might be looking for.

Answer 3

You mean on a <select> element? Then you certainly cannot, read the spec: www.w3.org/TR/html4/interact/forms.html#h-17.6.

A <select> element should only contain a <optgroup> or <option> elements and there should be at least one.

So any other element inside the <select> the browser will drop it or will not render it on the menu.

Can you at least explain why border-bottom is not good enough for you.