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!

Can you show us what you've already tried? – Mark S Jan 23 '14 at 04:15 — Mark S, Jan 23 '14 at 04:15
a fiddle of ur code would be usefull.. – Saurabh Jan 23 '14 at 04:44 — Saurabh, Jan 23 '14 at 04:44

score 0 · Answer 1 · edited May 23 '17 at 11:56

0

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

edited May 23 '17 at 11:56

Community

1
1

answered Jan 23 '14 at 04:17

Javier Cortez

400
2
4
12

I use (select options) not (ul or li), i tried that code with select options is not working. Does is work under select options! – user3220804 Jan 23 '14 at 04:37

score 0 · Accepted Answer · answered Jan 23 '14 at 04:55

0

if i my guess is correct

.after()

can solve your problem.

check if this is what you want

answered Jan 23 '14 at 04:55

Saurabh

1,007
2
10
24

I am looking for a similar solution but this solution do not work cross browser, to me only on chrome. any idea how to work on firefox also IE? – Jan 23 '14 at 05:19
@user3023823 which one do you want out of that 2 cause the adding new option in a disabled state is working everywhere for me.. – Saurabh Jan 23 '14 at 05:32

score 0 · Answer 3 · answered Jan 23 '14 at 04:59

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.

Horizontal Rules to replace with border

3 Answers3